squibid/squi.bid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace emojis with svgs

Browse Source
This commit is contained in:
squibid
2023-03-11 15:26:05 -05:00
parent 704aa260af
commit 2bcbc28abb
5 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
blog.html
View File

@ -15,7 +15,7 @@
float: right;
color: white;
}
#rss {
#svg {
display: block;
margin-left: auto;
margin-right: auto;
@ -32,7 +32,7 @@
<hr style="color: #f7f7f7;">
<p> <!-- script marker blog -->
</p> <!-- script marker blog -->
<a href="https://squi.bid/blog/rss.xml"><img id="rss" src="pics/rss.svg" alt="rss feed"></a>
<a href="https://squi.bid/blog/rss.xml"><img id="svg" src="pics/rss.svg" alt="rss feed"></a>
</div>
</body>
</html>

6
index.html
View File

@ -13,18 +13,18 @@
</header>
<hr style="color: #f7f7f7;">
<div id="left">
<h2 id="font">👋 Welcome</h2>
<h2 id="font"><img id="svg" src="pics/waving.svg" alt="hello :)"> Welcome</h2>
<p> Hi my name is Squibid, and this is my website!
I will be using it for anything that I find
interesting along with some of my personal
projects and a blog. </p>
<h2 id="font">🌐 Git Repos</h2>
<h2 id="font"><img id="svg" src="pics/git.svg" alt="git repos"> Git Repos</h2>
<p> <!-- script marker git -->
</p> <!-- script marker git -->
<a href="https://git.squi.bid">more...</a>
</div>
<div id="right">
<h2 id="font"><a href="https://squi.bid/blog/rss.xml"><img id="rss" src="pics/rss.svg" alt="rss feed"></a> My Blog</h2>
<h2 id="font"><a href="https://squi.bid/blog/rss.xml"><img id="svg" src="pics/rss.svg" alt="rss feed"></a> My Blog</h2>
<p> <!-- script marker blog -->
</p> <!-- script marker blog -->
<a href="blog">more...</a>

2
pics/git.svg Normal file
View File

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324" fill="#DE4C36"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1019 B

16
pics/waving.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
<path fill="#EF9645" d="M4.861 9.147c.94-.657 2.357-.531 3.201.166l-.968-1.407c-.779-1.111-.5-2.313.612-3.093c1.112-.777 4.263 1.312 4.263 1.312c-.786-1.122-.639-2.544.483-3.331a2.483 2.483 0 0 1 3.456.611l10.42 14.72L25 31l-11.083-4.042L4.25 12.625a2.495 2.495 0 0 1 .611-3.478z">
</path>
<path fill="#FFDC5D" d="M2.695 17.336s-1.132-1.65.519-2.781c1.649-1.131 2.78.518 2.78.518l5.251 7.658c.181-.302.379-.6.6-.894L4.557 11.21s-1.131-1.649.519-2.78c1.649-1.131 2.78.518 2.78.518l6.855 9.997c.255-.208.516-.417.785-.622L7.549 6.732s-1.131-1.649.519-2.78c1.649-1.131 2.78.518 2.78.518l7.947 11.589c.292-.179.581-.334.871-.498L12.238 4.729s-1.131-1.649.518-2.78c1.649-1.131 2.78.518 2.78.518l7.854 11.454l1.194 1.742c-4.948 3.394-5.419 9.779-2.592 13.902c.565.825 1.39.26 1.39.26c-3.393-4.949-2.357-10.51 2.592-13.903L24.515 8.62s-.545-1.924 1.378-2.47c1.924-.545 2.47 1.379 2.47 1.379l1.685 5.004c.668 1.984 1.379 3.961 2.32 5.831c2.657 5.28 1.07 11.842-3.94 15.279c-5.465 3.747-12.936 2.354-16.684-3.11L2.695 17.336z">
</path>
<g fill="#5DADEC">
<path d="M12 32.042C8 32.042 3.958 28 3.958 24c0-.553-.405-1-.958-1s-1.042.447-1.042 1C1.958 30 6 34.042 12 34.042c.553 0 1-.489 1-1.042s-.447-.958-1-.958z">
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

2
style.css
View File

@ -37,7 +37,7 @@ a {
a:hover, a:active {
font-style: italic;
}
#rss {
#svg {
max-height: .8em;
max-width: 1em;
}