zepp
/
onecatper.day
1
2
Fork 0
Code Issues Pull Requests Activity

replace cdn for material icons with svg files

This commit is contained in:
emma 2024-12-31 13:36:27 -05:00
parent 70e55f496d
commit 7937074363
4 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="One Cat Per Day!" href="./rss.xml" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">
</head>
<body>
<header>
@ -15,8 +14,8 @@
<h1>One cat per day!</h1>
</div>
<div class="buttons">
<a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>
<a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>
<a href="rss.html" target="_blank" rel="noopener noreferrer"><button><img src="./site-resources/rss.svg" class="icon" height="24px" width="24px"><span>Subscribe via RSS</span></button></a>
<a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><img src="./site-resources/code.svg" class="icon" height="24px" width="24px"><span>Check out the code</span></button></a>
</div>
</nav>
</header>

1
site-resources/code.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 249 B

1
site-resources/rss.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368"><path d="M0 0h24v24H0V0z" fill="none"/><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 343 B

2
style.css
View File

@ -54,7 +54,7 @@ button {
box-shadow: 10px 5px 5px #67cbc4;
}
button span {
button .icon {
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;