waifu/commited_lines
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

changes to background and stuff

Browse source
This commit is contained in:
waifu 2024-04-28 13:25:02 -03:00
parent b3e231eff9
commit 83219dde4a
6 changed files with 19 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
css/Brushzing-Regular.ttf.otf Normal file
View file

Binary file not shown.

BIN
css/c1-kenangan.regular.otf Normal file
View file

Binary file not shown.

17
css/style.css
View file

@ -9,7 +9,7 @@ body, div, main, section, article {
/* universal background color */ /* universal background color */
body { body {
background-color: #DA5437; background-color: #ffffff;
} }
/* header image */ /* header image */
@ -29,12 +29,12 @@ header img {
/* header font */ /* header font */
#showComic, header, h1, h2, h3, h4, h5 { #showComic, header, h1, h2, h3, h4, h5 {
font-family: 'Cherry Cream Soda', cursive; font-family: 'Brushzing-Regular';
} }
/* body font */ /* body font */
.subPage p, footer, #authorNotes, .archiveTable { .subPage p, footer, #authorNotes, .archiveTable {
font-family: 'Open Sans', sans-serif; font-family: 'kenangan';
font-size: large; font-size: large;
} }
@ -204,3 +204,14 @@ html, body {
margin: 0; margin: 0;
} }
/* Custom font */
@font-face {
font-family: 'kenangan';
src: url('c1-kenangan.regular.otf') format('truetype');
}
@font-face {
font-family: 'Brushzing-Regular';
src: url('Brushzing-Regular.ttf.otf') format('truetype');
}

4
index.html
View file

@ -4,10 +4,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Commited Lines</title> <title>Commited Lines</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<!-- Cherry Cream Soda -->
<link href="https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap" rel="stylesheet">
</head> </head>
<body> <body>

8
js/comic_header.js
View file

@ -5,10 +5,10 @@ document.querySelector(".writeHeader").innerHTML = `
<a href="index.html"><img src="./img/logo.png" alt="" /></a> <a href="index.html"><img src="./img/logo.png" alt="" /></a>
<div id="nav"> <div id="nav">
<a href="index.html">HOME</a> | <a href="index.html">Home</a> |
<a href="archive.html">ARCHIVE</a> | <a href="archive.html">Archive</a> |
<a href="about.html">ABOUT</a> | <a href="about.html">Me?</a> |
<a href="characters.html">CHARACTERS</a> <a href="lore.html">Lore</a>
</div> </div>
</header> </header>
`; `;

11
characters.html → lore.html
View file

@ -4,25 +4,16 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebComic | Characters</title> <title>Commited Lines | Lore</title>
<!-- style --> <!-- style -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<!-- Cherry Cream Soda -->
<link href="https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap" rel="stylesheet">
<!-- Open Sans -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
</head> </head>
<body align="center"> <body align="center">
<!-- header --> <!-- header -->
<div class="writeHeader"></div> <div class="writeHeader"></div>
<!-- this character page kind of sucks, its more of an example of the kinds of supplementary pages you can potentially add-->
<div class="subPage clearfix" align="center"> <div class="subPage clearfix" align="center">
<h1>Characters</h1> <h1>Characters</h1>
<p>All of these sub pages are just supposed to be examples of what you could do, you're definitely encouraged to mess around with them and come up with something better</p> <p>All of these sub pages are just supposed to be examples of what you could do, you're definitely encouraged to mess around with them and come up with something better</p>