changes to background and stuff

master
waifu 7 months ago
parent b3e231eff9
commit 83219dde4a
  1. BIN
      css/Brushzing-Regular.ttf.otf
  2. BIN
      css/c1-kenangan.regular.otf
  3. 17
      css/style.css
  4. 4
      index.html
  5. 8
      js/comic_header.js
  6. 11
      lore.html

Binary file not shown.

Binary file not shown.

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

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

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