a
/
a.stupid.cat
mirror of https://github.com/AriTheStupidCat/a.stupid.cat.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added font family & random basic css

This commit is contained in:
ImBadAtThisStuff 2026-05-29 00:08:09 +01:00
parent 39ac97c6a7
commit 08734fd9be
2 changed files with 53 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
css/index.css
View File

@ -1,3 +1,35 @@
@font-face {
font-family: 'Comic Code';
src: url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2') format('woff2'),
url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Comic Code';
src: url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2') format('woff2'),
url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Comic Code';
src: url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2') format('woff2'),
url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Comic Code';
src: url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2') format('woff2'),
url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff') format('woff');
font-weight: 700;
font-style: normal;
}
:root { :root {
/* https://catppuccin.com/palette/ */ /* https://catppuccin.com/palette/ */
/* Catppuccin Mocha */ /* Catppuccin Mocha */
@ -35,4 +67,21 @@
html, body { html, body {
background-color: var(--base); background-color: var(--base);
color: var(--text); color: var(--text);
font-family: 'Comic Code', sans-serif;
}
.intro-header {
color: var(--text);
font-size: 2.5rem;
font-weight: 700;
}
.HiIm {
color: var(--text);
display:inline-block;
}
.name {
color: var(--mauve);
display:inline-block;
} }

5
index.html
View File

@ -7,7 +7,10 @@
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
</head> </head>
<body> <body>
Test <div class="intro-header">
<div class="HiIm">Hi, I'm </div>
<div class="name">Ari</div>
</div>
</body> </body>
<script src="js/index.js"></script> <script src="js/index.js"></script>
</html> </html>