Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

icons are almost good except the linkedin icon

Browse source
This commit is contained in:
Pagwin 2024-12-24 17:14:43 -05:00
parent c83823f371
commit e1381bf507
No known key found for this signature in database
GPG key ID: 81137023740CA260
5 changed files with 62 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/icon-colors.css
View file

@ -1,14 +1,14 @@
@media (prefers-color-scheme: dark){
:root {
--background-color: rgba(0,0,0,0);
--background-color: black;
--primary-color: white;
--secondary-color: white;
}
}
@media (prefers-color-scheme: light){
:root {
--background-color: rgba(0,0,0,0);
--background-color: white;
--primary-color: black;
--secondary-color: black;
}

31
static/images/github.svg
View file

@ -1,3 +1,30 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"></path>
<svg width="98" height="98" xmlns="http://www.w3.org/2000/svg">
<style>
@layer default-color, import-color, base, print;
@layer default-color {
:root {
--background-color: rgba(0,0,0,0);
--primary-color: blue;
--secondary-color: blue;
}
}
@layer base{
.box {
fill: var(--background-color);
}
.primary_color {
fill: var(--primary-color);
}
}
</style>
<style>
@import url("/static/css/icon-colors.css") layer(import-color);
@import url("/static/css/icon-print.css") layer(print);
</style>
<a href="https://github.com/Pagwin-Fedora" target="_top">
<rect x="0" y="0" class="box" width="98" height="98"/>
<path class="primary_color" d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z" fill-rule="evenodd" clip-rule="evenodd"/>
</a>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 641 B

After

Width:  |  Height:  |  Size: 1.4 KiB

2
static/images/house.svg
View file

@ -49,7 +49,7 @@
@layer base{
.box {
fill: var(--background-color);
fill: rgba(0,0,0,0);
}
.primary_color {
fill: var(--primary-color);

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

35
static/images/linkedin.svg
View file

@ -4,17 +4,40 @@
<svg fill="#000000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px"
height="800px" viewBox="0 0 512 512" xml:space="preserve">
<g id="7935ec95c421cee6d86eb22ecd125aef">
<style>
@layer default-color, import-color, base, print;
<path style="display: inline; fill-rule: nonzero; clip-rule: nonzero;" d="M116.504,500.219V170.654H6.975v329.564H116.504
@layer default-color {
:root {
--background-color: rgba(0,0,0,0);
--primary-color: blue;
--secondary-color: blue;
}
}
@layer base{
.box {
fill: var(--primary-color);
}
.primary_color {
fill: var(--background-color);
}
}
</style>
<style>
@import url("/static/css/icon-colors.css") layer(import-color);
@import url("/static/css/icon-print.css") layer(print);
</style>
<a href="https://www.linkedin.com/in/spencer-powell-pagwin/" target="_top">
<g id="7935ec95c421cee6d86eb22ecd125aef">
<rect x="0" y="0" class="box" width="800" height="800"/>
<path class="primary_color" style="display: inline; fill-rule: nonzero; clip-rule: nonzero;" d="M116.504,500.219V170.654H6.975v329.564H116.504
L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941
C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219
c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533
c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531
c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z">
</path>
c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z"/>
</g>
</a>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

2
static/images/rss.svg
View file

@ -14,7 +14,7 @@
@layer base{
.box {
fill: var(--background-color);
fill: rgba(0,0,0,0);
}
.big-arc, .small-arc {
fill: var(--primary-color);

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB