Really basic setup
This commit is contained in:
parent
25aeac1a3b
commit
bc4f666751
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
* Copyright 2023 Fonticons, Inc.
|
||||
*/
|
||||
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(./fa-solid-900.woff2) format("woff2"),url(./fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="mocha">
|
||||
<head>
|
||||
<link rel="stylesheet" href="./assets/tachyons.min.css"/>
|
||||
<link rel="stylesheet" href="./assets/fontawesome.min.css"/>
|
||||
<link rel="stylesheet" href="./assets/brands.min.css"/>
|
||||
<link rel="stylesheet" href="./assets/solid.min.css"/>
|
||||
<script>
|
||||
function toggleTheme() {
|
||||
if (document.documentElement.getAttribute("class") == "mocha")
|
||||
document.documentElement.setAttribute("class", "latte");
|
||||
else
|
||||
document.documentElement.setAttribute("class", "mocha");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-crust text flex justify-center pa3">
|
||||
<section class="bg-base w-80 pa3">
|
||||
Heyo.
|
||||
<a onClick="toggleTheme()" class="link grow pa1 dib">
|
||||
<i class="fa-solid fa-circle-half-stroke"></i>
|
||||
</a>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue