TheAdversary/frontend
4
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

Lot of updates lol

Browse Source
This commit is contained in:
Ruben Otto
2022-02-04 21:49:53 +01:00
parent df4f4da3d3
commit bbc4a796de
8 changed files with 137 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
css/index.css Normal file
View File

@@ -0,0 +1,239 @@
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
background-color: #03071E;
color: #EAE2B7;
}
a {
color: inherit;
font-size: 125%;
text-decoration: none;
letter-spacing: 2px;
}
p {
font-size: 150%;
margin: 0;
}
h3 {
font-size: 200%;
margin: 0;
}
ul {
display: flex;
flex-direction: row;
font-size: 20px;
list-style: none;
}
ul li {
padding-right: 30px;
}
ol {
display: flex;
flex-direction: column;
list-style: georgian;
}
.header {
background-color: #03071E;
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "Roboto", sans-serif;
}
.header-title {
margin: 100px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: "Staatliches", sans-serif;
}
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0;
}
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0;
}
.divider {
height: 3px;
background-color: #ad080f;
}
.navigation {
background-color: black;
color: inherit;
font-family: "Roboto", sans-serif;
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
height: 5%;
min-height: 50px;
display: flex;
align-items: center;
}
.navigation img {
margin-right: auto;
width: 3%;
min-width: 30px;
padding-left: 2.5%;
}
.navigation a {
padding: 0 2%;
font-size: 200%;
font-weight: bolder;
}
.article {
padding: 2%;
}
.article:hover {
color: white;
}
.article-body {
width: 60;
font-size: 80%;
font-weight: normal;
margin-top: 1%;
font-family: "Roboto Mono", monospace;
}
.article-body, .article-body-fulltext {
width: 100%;
}
.article-description {
font-weight: 500;
font-family: "Roboto Mono", monospace;
color: #D00000;
font-size: 75%;
margin-top: 0.5%;
}
.article-description:p {
white-space: pre;
}
.articles {
margin: auto;
width: 80%;
font-family: "Roboto", sans-serif;
}
.foot {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 2.5% 0;
}
.foot a {
font-family: "Roboto Mono", monospace;
font-weight: normal;
padding: 0 10%;
}
i {
margin-right: 20px;
}
.about-section {
font-family: "Roboto", sans-serif;
width: 60%;
text-align: center;
margin:auto;
}
.legal-section {
font-family: "Roboto", sans-serif;
width: 60%;
margin:auto;
}
.legal-section p {
margin-bottom: 5%;
}
.contact-section {
font-family: "Roboto", sans-serif;
width: 60%;
margin:auto;
}
.contact-section p {
margin-bottom: 5%;
}
@media screen and (max-width: 1000px) {
.navigation {
flex-direction: column;
}
.navigation img {
margin: 10px 0;
padding: 0;
}
.navigation * {
margin: 5px 0;
}
.header-title {
text-align: center;
}
.header-title h1 {
font-size: 50px;
letter-spacing: 20px;
}
.header-title h2 {
font-size: 20px;
letter-spacing: 10px;
}
.articles {
width: 95%;
}
.articles div {
margin: 10px 0;
}
h3 {
font-size: 130%;
}
p {
font-size: 100%;
}
.foot {
flex-direction: column;
}
}
@media screen and (max-width: 500px) {
.header-title h1 {
font-size: 40px;
letter-spacing: 5px;
}
.header-title h2 {
letter-spacing: 3px;
}
.article-description p {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}/*# sourceMappingURL=index.css.map */

1
css/index.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["index.sass"],"names":[],"mappings":"AAMA;EACE,SAAA;EACA,UAAA;EACA,aAAA;EACA,sBAAA;EACA,yBAXiB;EAYjB,cAXW;AAMb;;AAOA;EACE,cAAA;EACA,eAAA;EACA,qBAAA;EACA,mBAAA;AAJF;;AAMA;EACE,eAAA;EACA,SAAA;AAHF;;AAKA;EACE,eAAA;EACA,SAAA;AAFF;;AAIA;EACE,aAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;AADF;AAGE;EACE,mBAAA;AADJ;;AAGA;EACE,aAAA;EACA,sBAAA;EACA,oBAAA;AAAF;;AAEA;EACE,yBA3CiB;EA4CjB,WAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,iCAAA;AACF;;AACA;EACE,eAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,sCAAA;AAEF;AAAE;EACE,eAAA;EACA,oBAAA;EACA,SAAA;AAEJ;AAAE;EACE,eAAA;EACA,oBAAA;EACA,SAAA;AAEJ;;AAAA;EACE,WAAA;EACA,yBAAA;AAGF;;AADA;EACE,uBAAA;EACA,cAAA;EACA,iCAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;AAIF;AAFE;EACE,kBAAA;EACA,SAAA;EACA,eAAA;EACA,kBAAA;AAIJ;AAFE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;AAIJ;;AAFA;EACE,WAAA;AAKF;AAHE;EACE,YAAA;AAKJ;;AAHA;EACE,SAAA;EACA,cAAA;EACA,mBAAA;EACA,cAAA;EACA,qCAAA;AAMF;;AAJA;EACE,WAAA;AAOF;;AALA;EACE,gBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;EACA,gBAAA;AAQF;AANE;EACE,gBAAA;AAQJ;;AANA;EACE,YAAA;EACA,UAAA;EACA,iCAAA;AASF;;AAPA;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,WAAA;EACA,cAAA;AAUF;AARE;EACE,qCAAA;EACA,mBAAA;EACA,cAAA;AAUJ;;AARA;EACE,kBAAA;AAWF;;AATA;EACE;IACE,sBAAA;EAYF;EAVE;IACE,cAAA;IACA,UAAA;EAYJ;EAVE;IACE,aAAA;EAYJ;;EAVA;IACE,kBAAA;EAaF;EAXE;IACE,eAAA;IACA,oBAAA;EAaJ;EAXE;IACE,eAAA;IACA,oBAAA;EAaJ;;EAXA;IACE,UAAA;EAcF;EAZE;IACE,cAAA;EAcJ;;EAZA;IACE,eAAA;EAeF;;EAdA;IACE,eAAA;EAiBF;;EAfA;IACE,sBAAA;EAkBF;AACF;AAfA;EAEI;IACE,eAAA;IACA,mBAAA;EAgBJ;EAdE;IACE,mBAAA;EAgBJ;;EAbE;IACE,aAAA;IACA,mBAAA;IACA,8BAAA;EAgBJ;AACF","file":"index.css"}

194
css/index.sass Normal file
View File

@@ -0,0 +1,194 @@
$background-color: #03071E
$text-color: #EAE2B7
$secondary-text-color: #F77F00
$primary-color: #D62828
$secondary-color: #F77F00
body
margin: 0
padding: 0
display: flex
flex-direction: column
background-color: $background-color
color: $text-color
a
color: inherit
font-size: 125%
text-decoration: none
letter-spacing: 2px
p
font-size: 150%
margin: 0
h3
font-size: 200%
margin: 0
ul
display: flex
flex-direction: row
font-size: 20px
list-style: none
li
padding-right: 30px
ol
display: flex
flex-direction: column
list-style: georgian
.header
background-color: $background-color
width: 100%
height: 100px
display: flex
align-items: center
justify-content: flex-end
font-family: 'Roboto', sans-serif
.header-title
margin: 100px 0
display: flex
flex-direction: column
align-items: center
justify-content: center
font-family: 'Staatliches', sans-serif
h1
font-size: 90px
letter-spacing: 30px
margin: 0
h2
font-size: 30px
letter-spacing: 10px
margin: 0
.divider
height: 3px
background-color: #ad080f
.navigation
background-color: black
color: inherit
font-family: 'Roboto', sans-serif
width: 100%
padding-top: 1%
padding-bottom: 1%
height: 5%
min-height: 50px
display: flex
align-items: center
img
margin-right: auto
width: 3%
min-width: 30px
padding-left: 2.5%
a
padding: 0 2%
font-size: 200%
font-weight: bolder
.article
padding: 2%
&:hover
color: white
.article-body
width: 60
font-size: 80%
font-weight: normal
margin-top: 1%
font-family: 'Roboto Mono', monospace
.article-body, .article-body-fulltext
width: 100%
.article-description
font-weight: 500
font-family: 'Roboto Mono', monospace
color: #D00000
font-size: 75%
margin-top: 0.5%
&:p
white-space: pre
.articles
margin: auto
width: 80%
font-family: 'Roboto', sans-serif
.foot
display: flex
align-items: center
justify-content: space-between
width: 100%
margin: 2.5% 0
a
font-family: 'Roboto Mono', monospace
font-weight: normal
padding: 0 10%
i
margin-right: 20px
@media screen and (max-width: 1000px)
.navigation
flex-direction: column
img
margin: 10px 0
padding: 0
*
margin: 5px 0
.header-title
text-align: center
h1
font-size: 50px
letter-spacing: 20px
h2
font-size: 20px
letter-spacing: 10px
.articles
width: 95%
div
margin: 10px 0
h3
font-size: 130%
p
font-size: 100%
.foot
flex-direction: column
@media screen and (max-width: 500px)
.header-title
h1
font-size: 40px
letter-spacing: 5px
h2
letter-spacing: 3px
.article-description
p
display: flex
flex-direction: row
justify-content: space-between