mycosystems/hugo-json
2
0
Fork 0
Code Activity Actions

fix css not loading by actually putting the file in the right place ;(

Browse source
This commit is contained in:
brooke 2024-06-16 03:20:27 -04:00
parent 034a3ab377
commit 2fe62ee860
3 changed files with 84 additions and 107 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

97
assets/css/main.css
View file

@ -1,22 +1,93 @@
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #333;
}
body {
color: #222;
font-family: sans-serif;
line-height: 1.5;
margin: 1rem;
max-width: 768px;
box-sizing: border-box !important;
font-family: Consolas, Monaco, "Lucida Console", monospace !important;
font-size: 0.9rem !important;
color: #ccc !important;
margin: 0;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
height: 100%;
background-color: #3d3d3d;
max-width: 600px;
}
header {
border-bottom: 1px solid #222;
margin-bottom: 1rem;
@media only screen and (max-width: 700px) {
* {
font-size: 1.2rem;
}
body {
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
footer {
border-top: 1px solid #222;
margin-top: 1rem;
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit;
margin: 0;
}
a {
color: #00e;
text-decoration: none;
text-decoration: wavy underline !important;
transition: text-decoration 2s ease-out;
}
.highlight {
color: rgb(158, 158, 239);
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-col {
display: flex;
flex-direction: column;
}
.one {
margin-left: 1.5rem;
display: flex;
flex-direction: column;
gap: 0;
}
.two {
margin-left: 3rem;
}
.three {
margin-left: 4.5rem;
}
.four {
margin-left: 6rem;
}
.five {
margin-left: 7.5rem;
}

1
assets/js/main.js
View file

@ -1 +0,0 @@
console.log('This site was generated by Hugo.');

93
static/css/main.css
View file

@ -1,93 +0,0 @@
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #333;
}
body {
box-sizing: border-box !important;
font-family: Consolas, Monaco, "Lucida Console", monospace !important;
font-size: 0.9rem !important;
color: #ccc !important;
margin: 0;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
height: 100%;
background-color: #3d3d3d;
max-width: 600px;
}
@media only screen and (max-width: 700px) {
* {
font-size: 1.2rem;
}
body {
max-width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
}
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit;
margin: 0;
}
a {
text-decoration: wavy underline !important;
transition: text-decoration 2s ease-out;
}
.highlight {
color: rgb(158, 158, 239);
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-col {
display: flex;
flex-direction: column;
}
.one {
margin-left: 1.5rem;
display: flex;
flex-direction: column;
gap: 0;
}
.two {
margin-left: 3rem;
}
.three {
margin-left: 4.5rem;
}
.four {
margin-left: 6rem;
}
.five {
margin-left: 7.5rem;
}