CSS fixes and site work

This commit is contained in:
Atlas Cove 2023-02-19 01:42:07 +00:00
parent 2741ebcc3b
commit 8d744da0d3
25 changed files with 81 additions and 46 deletions

View File

@ -1 +1,2 @@
/,Home
https://atlas48.sdf.org/,Blog

1 / Home
2 https://atlas48.sdf.org/ Blog

View File

@ -1,2 +1,3 @@
index.txti,"Atlas48's Archives"
index.txti,"Atlas48's Archives Index"
not_found.html,"404 - Page Not Found"
ee/index.txti,"Elysium's Edge Index"

1 index.txti Atlas48's Archives Atlas48's Archives Index
2 not_found.html 404 - Page Not Found 404 - Page Not Found
3 ee/index.txti Elysium's Edge Index

View File

@ -1,2 +1,7 @@
@import "extra.scss"
body
@include font("sans")
.header
border: 1px solid black
margin-left: 2em
.content
margin-left: 4em

35
in/css/ee.sass Normal file
View File

@ -0,0 +1,35 @@
@import "extra.scss"
@import url("all.css")
@import url("font/ibm-plex.css")
$bg: #00103D
$fg: #EAE8E3
$link: #189E86
$cont: #C7532B
@font-face
font-family: 'Science Gothic', monospace
src: url('font/science-gothic.ttf') format('truetype')
body
background-color: $bg
color: $fg
.header
@include font("mono")
border: 2px solid $fg
background-color: scale-color($bg,$lightness:-25%)
a
text-decoration: underline
color: #B8B991
.content
font-family: 'IBM Plex Sans', sans-serif
h1
font-family: 'Science Gothic', monospace
@include font-settings(345,100,116,0)
::before
content: '#'
a
color: $link
::visited
color: #CDA75C
text-decoration: none
blockquote
border-left: 6px solid $cont
color: scale-color($fg,$lightness:25%)

View File

@ -1,3 +1,4 @@
//Mixin definitions and global variables.
@mixin font($font) {
//no support for case so gonna have to YandereDev this.
@if($font=="sans") {

33
in/css/font/ibm-plex.css Normal file
View File

@ -0,0 +1,33 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 18, 2023 */
@font-face {
font-family: 'IBM Plex Sans';
src: url('ibmplexsans-regular.woff2') format('woff2'),
url('ibmplexsans-regular.woff') format('woff'),
url('ibmplexsans-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'IBM Plex Sans';
src: url('ibmplexsans-bold.woff2') format('woff2'),
url('ibmplexsans-bold.woff') format('woff'),
url('ibmplexsans-bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'IBM Plex Sans';
src: url('ibmplexsans-italic.woff2') format('woff2'),
url('ibmplexsans-italic.woff') format('woff'),
url('ibmplexsans-italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'IBM Plex Sans';
src: url('ibmplexsans-bolditalic.woff2') format('woff2'),
url('ibmplexsans-bolditalic.woff') format('woff'),
url('ibmplexsans-bolditalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,6 +1,3 @@
@import "extra.scss";
@import url("all.css");
.content {
@include font('sans');
margin-left: 2em;
}

View File

@ -1,20 +0,0 @@
@import "extra.scss"
@import url("all.css")
$bg: #00103D
@font-face
font-family: 'Science Gothic', monospace
src: url('font/science-gothic.ttf') format('truetype')
body
background-color: $bg
color: #EAE8E3
.header
border: 4px solid scale-color($bg,$lightness:-25%)
background-color: scale-color($bg,$lightness:-25%)
a
text-decoration: underline
.content
h1
font-family: 'Science Gothic', monospace
@include font-settings(345,100,116,0)
::before
content: '#'

View File

@ -12,9 +12,9 @@ h1. Links.
h2. D&D
- "Antagonist Ideas":dnd/villains.html := Different Antagonist ideas to use in your games.
- "Antagonist Ideas":dnd/villains.html !img/ucbug.gif! := Different Antagonist ideas to use in your games.
h2. Starfinder
- "Elysium's Edge":mgh := Custom, homebrew Starfinder setting.
- "Elysium's Edge":ee := Homebrew Starfinder setting.

View File

@ -1,21 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<style>
@include "/css/main.css";
</style>
<title>Atlas48's Archives</title>
</head>
<body>
<div class="header">
<a href="/">/</a>
</div>
<p><a href="https://atlas48.neocities.org// ">Home</a><a href="https://atlas48.sdf.org/">Blog</a></p>
<hr />
<h1>404</h1>
<p><strong>Page not found.</strong></p>
<p>The requested page could not be found.</p>
<hr />
</body>
</html>