eric/pvgttm-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Site updates for the weekend

Browse Source
This commit is contained in:
Eric Woodward
2023-02-27 02:51:18 -05:00
parent 3e53235230
commit c4b0500e10
107 changed files with 3504 additions and 679 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/assets/styles/fonts.css
View File

@@ -1,43 +1,49 @@
@font-face {
font-family: 'exo_2';
src: url('/files/fonts/Exo2-Regular-webfont.eot');
src: url('/files/fonts/Exo2-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/files/fonts/Exo2-Regular-webfont.woff') format('woff'),
url('/files/fonts/Exo2-Regular-webfont.ttf') format('truetype'),
url('/files/fonts/Exo2-Regular-webfont.svg#exo_2') format('svg');
font-weight: 400;
font-style: normal;
font-family: "raleway";
src: url("/fonts/raleway/raleway-regular-webfont.woff2") format("woff2"),
url("/fonts/raleway/raleway-regular-webfont.woff") format("woff"),
url("/fonts/raleway/raleway-regular-webfont.ttf") format("truetype"),
url("/fonts/raleway/raleway-regular-webfont.eot");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'exo_2';
src: url('/files/fonts/Exo2-Italic-webfont.eot');
src: url('/files/fonts/Exo2-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/files/fonts/Exo2-Italic-webfont.woff') format('woff'),
url('/files/fonts/Exo2-Italic-webfont.ttf') format('truetype'),
url('/files/fonts/Exo2-Italic-webfont.svg#exo_2') format('svg');
font-weight: 400;
font-style: italic;
font-family: "raleway";
src: url("/fonts/raleway/raleway-italic-webfont.woff2") format("woff2"),
url("/fonts/raleway/raleway-italic-webfont.woff") format("woff"),
url("/fonts/raleway/raleway-italic-webfont.ttf") format("truetype"),
url("/fonts/raleway/raleway-italic-webfont.eot");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'exo_2';
src: url('Exo2-Bold-webfont.eot');
src: url('Exo2-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('Exo2-Bold-webfont.woff') format('woff'),
url('Exo2-Bold-webfont.ttf') format('truetype'),
url('Exo2-Bold-webfont.svg#exo_2') format('svg');
font-weight: 600;
font-style: normal;
font-family: "raleway";
src: url("/fonts/raleway/raleway-bold-webfont.woff2") format("woff2"),
url("/fonts/raleway/raleway-bold-webfont.woff") format("woff"),
url("/fonts/raleway/raleway-bold-webfont.ttf") format("truetype"),
url("/fonts/raleway/raleway-bold-webfont.eot");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'exo_2';
src: url('Exo2-BoldItalic-webfont.eot');
src: url('Exo2-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('Exo2-BoldItalic-webfont.woff') format('woff'),
url('Exo2-BoldItalic-webfont.ttf') format('truetype'),
url('Exo2-BoldItalic-webfont.svg#exo_2') format('svg');
font-weight: 600;
font-style: italic;
font-family: "raleway";
src: url("/fonts/raleway/raleway-bolditalic-webfont.woff2") format("woff2"),
url("/fonts/raleway/raleway-bolditalic-webfont.woff") format("woff"),
url("/fonts/raleway/raleway-bolditalic-webfont.ttf") format("truetype"),
url("/fonts/raleway/raleway-bolditalic-webfont.eot");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "unbounded";
src: url("/fonts/unbounded/unbounded-medium-webfont.woff2") format("woff2"),
url("/fonts/unbounded/unbounded-medium-webfont.woff") format("woff"),
url("/fonts/unbounded/unbounded-medium-webfont.ttf") format("truetype"),
url("/fonts/unbounded/unbounded-medium-webfont.eot");
font-weight: 500;
font-style: normal;
}

285
src/assets/styles/styles.css
View File

@@ -28,6 +28,9 @@
other: #E8A384
*/
html {
font-size: 16px;
}
body {
background: #252837; /* Old browsers */
background: url("/images/portal-header.jpg") top fixed;
@@ -156,10 +159,6 @@ li ul {
margin-top: 0.6em;
}
main {
font-size: 0.95em;
}
main img {
max-width: 100%;
}
@@ -247,7 +246,7 @@ table th {
border-bottom: none;
display: block;
margin: 0 auto;
max-width: 60em;
max-width: 100%;
min-height: 100vh;
padding: 0;
position: relative;
@@ -295,79 +294,6 @@ table th {
font-weight: bold;
}
.anaCardImg {
height: auto;
margin: 0;
vertical-align: middle;
width: 100%;
}
.anaCardLink {
display: block;
margin: 0 auto;
max-width: 15em;
padding: 0.5em;
}
.anaLink-billy {
background: url("/images/anachronism/links/billy_the_kid.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-constitution {
background: url("/images/anachronism/links/the_us_constitution.jpg")
no-repeat center;
background-size: cover;
}
.anaLink-dictator {
background: url("/images/anachronism/links/the_dictator.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-earp {
background: url("/images/anachronism/links/wyatt_earp.jpg") no-repeat center;
background-size: cover;
}
.anaLink-grant {
background: url("/images/anachronism/links/ulysses_s_grant.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-lee {
background: url("/images/anachronism/links/robert_e_lee.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-lincoln {
background: url("/images/anachronism/links/abraham_lincoln.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-stetson {
background: url("/images/anachronism/links/stetson_hat.jpg") no-repeat
center;
background-size: cover;
}
.anaLink-washington {
background: url("/images/anachronism/links/george_washington.jpg") no-repeat
center;
background-size: cover;
}
.anaLogo {
display: block;
margin: 0 auto 1em;
width: 100%;
}
.asideBio {
line-height: 1.35em;
padding: 0.5em;
@@ -738,6 +664,7 @@ table th {
position: relative;
text-decoration: none;
transition-duration: 0.5s;
white-space: nowrap;
}
.navMenu li.hasSubMenu:hover,
@@ -782,7 +709,6 @@ table th {
align-items: stretch;
opacity: 1;
visibility: visible;
white-space: nowrap;
}
.navMenu ul li ul li {
@@ -1025,18 +951,41 @@ table th {
font-size: 1.75em;
}
/*
.searchBox {
margin-left: auto;
white-space: nowrap;
}
*/
.searchBox {
position: absolute;
top: 0;
right: 0;
padding: 1rem;
width: 100%;
text-align: right;
}
.searchBox-query {
background-color: #3d81a5;
border-radius: 0.3rem;
color: #000;
color: #fff;
width: 10em;
}
.sectionBackLink {
border: 1px solid #726f6a;
border-radius: 0.3em;
display: inline-block;
margin: 1em auto;
padding: 0.25em;
text-align: center;
}
.sectionBackLink-wrapper {
text-align: center;
}
.siteTitle {
text-align: center;
width: 100%;
@@ -1072,7 +1021,6 @@ table th {
.siteTitle-text {
max-width: 48rem;
text-align: left;
}
.spellTable {
@@ -1241,10 +1189,6 @@ a.pageTitle-link:visited {
display: none;
}
.asideUpdates .reacji {
float: left;
}
.feature hr {
border: 1px 0 0 0;
border-color: #7c4c52;
@@ -1253,8 +1197,24 @@ a.pageTitle-link:visited {
max-width: 90%;
}
.js-hasFontsLoaded body {
font-family: "Exo 2", sans-serif;
body {
font-family: "raleway", "Optima", arial, helvetica, sans-serif;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
font-family: "unbounded", "Luminari", impact, arial, helvetica, sans-serif;
font-weight: 500;
}
.pageMenu-link.isCurrent .pageMenu-text {
@@ -1305,8 +1265,31 @@ a.pageTitle-link:visited {
* Media Queries
****************************************************************************/
/* Mobile */
@media all and (max-width: 1000px) {
@media all and (min-width: 960px) {
html {
font-size: 18px;
}
.page {
max-width: 960px;
}
}
ampaign/shazz-journals @media all and (max-width: 960px) {
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h1 svg {
scale: 0.75;
}
.menubar {
max-height: 1px;
}
@@ -1361,6 +1344,12 @@ a.pageTitle-link:visited {
top: 8px;
}
/* Prevents close toggle from scrolling offscreen */
#menu__toggle:checked + .menu__btn {
position: fixed;
top: 1rem;
}
.navMenu {
background: #252837;
display: flex;
@@ -1369,17 +1358,19 @@ a.pageTitle-link:visited {
left: -100%;
height: 100%;
margin: 0;
padding: 0 2rem 0 4rem;
padding: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
transition-duration: 0.25s;
flex-direction: column;
overflow-y: auto;
}
.navMenu ul {
flex-direction: column;
}
.navMenu > ul {
padding: 1rem 2rem 1rem 4rem;
overflow-y: auto;
}
.navMenu > ul > li {
margin-left: -1rem;
margin-top: 1rem;
}
.navMenu > ul > li > a {
@@ -1400,84 +1391,58 @@ a.pageTitle-link:visited {
position: relative;
visibility: visible;
}
.searchBox {
margin: 1rem 0 2rem;
.siteTitle-text {
max-width: 60%;
}
}
/*
@media all and (max-width: 900px) {
html {
font-size: 14px;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
}
.siteTitle {
h3 {
font-size: 1.2em;
}
h1 svg {
scale: 0.75;
}
.siteTitle-text {
max-width: 60%;
}
}
*/
@media all and (max-width: 600px) {
h1 {
margin-top: 3rem;
}
}
@media all and (min-width: 38em) {
.navMenu {
padding: 0 0.25rem;
}
.navMenu-list {
float: left;
.siteTitle-text {
text-align: left;
}
}
.navMenu-list-item {
margin-left: 0.75em;
@media all and (max-width: 320px) {
nav {
max-width: 90%;
}
}
@media all and (min-width: 1000px) {
.menubar {
position: relative;
}
.searchBox {
float: right;
margin-right: 0.75em;
}
}
@media all and (min-width: 34em) {
.magic-commander-img {
float: right;
}
}
@media all and (min-width: 52em) {
body {
font-size: 1.1em;
}
}
@media all and (min-width: 70em) {
.asideContent {
background: #1a0608;
background: rgba(4, 3, 8, 0.9);
border: 1px solid #252837;
font-size: 0.8em;
position: absolute;
top: 5em;
}
.asideLeft {
left: -14em;
width: 14em;
}
.asideMenu-divider {
display: none;
}
.asideRight {
right: -15em;
width: 15em;
}
.asideRight .asideMenu-link {
max-width: 13em;
}
.postMainIndex .feedLine:last-child {
display: block;
}
.postMenu {
max-height: none;
}
.socialList-item {
display: inherit;
top: -3rem;
}
}