lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added material symbols for later

Browse Source
This commit is contained in:
Lucas Kent 2023-03-16 15:57:55 +00:00
parent c246ebe24c
commit f5c83a850c
3 changed files with 42 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
assets/styles/main.css
View File

@ -55,3 +55,36 @@ body {
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v92/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2)
format("woff2");
}
.material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-feature-settings: "liga";
}
.material-symbols-rounded {
font-variation-settings:
'FILL' 0,
'wght' 700,
'GRAD' 200,
'opsz' 48
}

10
index.html
View File

@ -41,10 +41,10 @@
<div id="page-container">
<div class="bg"></div>
<ul>
<li><a class="active" href="/">Home</a></li>
<li><a href="/wip.html">WIP</a></li>
<li><a href="/wip.html">WIP</a></li>
<li><a href="/wip.html">WIP</a></li>
<li><a class="active" title="Home" href="/">Home</a></li>
<li><a href="/wip.html" title="WIP">WIP</a></li>
<li><a href="/wip.html" title="WIP">WIP</a></li>
<li><a href="/wip.html" title="WIP">WIP</a></li>
</ul>
<br />
<br />
@ -58,7 +58,7 @@
srcset=""
class="borderimg"
/>
<p class="welcome"><span class="auto-type"></span></p>
<p class="welcome">&nbsp;&nbsp;<span class="auto-type"></span></p>
</div>
<div id="footer"></div>
</div>

8
wip.html
View File

@ -40,10 +40,10 @@
<body>
<div class="bg"></div>
<ul>
<li><a href="/">Home</a></li>
<li><a class="active" href="/wip.html">WIP</a></li>
<li><a class="active" href="/wip.html">WIP</a></li>
<li><a class="active" href="/wip.html">WIP</a></li>
<li><a href="/" title="Home">Home</a></li>
<li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
<li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
<li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
</ul>
<br />
<br />