asc/rpg-static-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2024-11-19

Browse Source
This commit is contained in:
Anthony Correa
2024-11-19 14:10:40 -06:00
parent b39471bed0
commit 47c0c69fd4
21 changed files with 7501 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
content/css/style.scss
View File

@@ -1,13 +1,20 @@
$primary-color: #333;
$secondary-color: #f0f0f0;
@import "bootstrap";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
body {
font-family: Helvetica, sans-serif, sans-serif;
.navbar-brand {
font-family: Oswald;
text-transform: uppercase;
}
font-family: "Libre Franklin", Helvetica, sans-serif, sans-serif;
background-color: $secondary-color;
color: $primary-color;
@@ -62,103 +69,6 @@ body {
a.active {
}
}
h1 {
text-align: center;
}
&.season-5 {
--newspaper-background-texture-image: url(../images/parchment.jpg);
--newspaper-headline-font: 'Noticia Text';
--newspaper-base-font: 'EB Garamond';
--newspaper-name-font: 'UnifrakturCook';
font-family: var(--newspaper-base-font);
section.prologue {
padding: 20px;
margin: 20px;
border: black solid 1 px;
border-radius: 10px;
background: var(--newspaper-background-texture-image);
background-color: green;
}
hgroup{
h1 {
text-transform: uppercase;
margin: inherit;
}
h2 {
margin: inherit;
}
&.masthead {
text-align: center;
h1, h2 {
text-transform: inherit;
border-bottom: 0px;
font-family: var(--newspaper-headline-font);
line-height: 85%;
}
h1 {
column-count: 1;
font-family: var(--newspaper-name-font);
font-size: 5em;
margin: 8px;
text-align: center;
}
p {
font-style: italic;
}
}
}
h2 {
text-align: center;
}
article p {
text-align: justify;
}
}
&.season-4 {
--newspaper-background-texture-image: url(../images/starwars.jpg);
--newspaper-headline-font: 'Noticia Text';
--newspaper-base-font: 'EB Garamond';
--newspaper-name-font: 'UnifrakturCook';
font-family: "Libre Franklin";
section.prologue {
padding: 20px;
margin: 20px;
border: black solid 1 px;
border-radius: 10px;
background: var(--newspaper-background-texture-image);
background-color: black;
color: yellow;
}
hgroup{
text-align: center;
text-transform: uppercase;
h1 {
margin: inherit;
}
h2 {
margin: inherit;
}
}
strong {
text-transform: uppercase;
}
h2 {
text-align: center;
}
article p {
text-align: justify;
}
}
}
header {