Really basic setup

This commit is contained in:
Skylar Hill 2023-12-19 01:16:45 -06:00
parent 25aeac1a3b
commit bc4f666751
9 changed files with 49 additions and 0 deletions

6
src/assets/brands.min.css vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

BIN
src/assets/fa-solid-900.ttf Normal file

Binary file not shown.

Binary file not shown.

9
src/assets/fontawesome.min.css vendored Normal file

File diff suppressed because one or more lines are too long

6
src/assets/solid.min.css vendored Normal file
View File

@ -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}

3
src/assets/tachyons.min.css vendored Normal file

File diff suppressed because one or more lines are too long

25
src/index.html Normal file
View File

@ -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>