vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

update

Browse source
This commit is contained in:
Vrifox 2020-11-03 20:22:08 +01:00
parent 161a3dcbc3
commit 1c0aebd738
11 changed files with 57 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -7,6 +7,7 @@
# ignored files # ignored files
deploy.sh deploy.sh
.directory .directory
*.kate-swp
# not ignored directories # not ignored directories
!/content/errorpages/ !/content/errorpages/

7
assets/_default/list.scss
View file

@ -1,6 +1,7 @@
@import '../partials/main'; @import '../import/colors.scss';
@import '../partials/nav'; @import '../import/main.scss';
@import '../partials/footer'; @import '../import/nav.scss';
@import '../import/footer.scss';
.section.header { .section.header {
align-items: center; align-items: center;

10
assets/_default/single.scss
View file

@ -1,6 +1,8 @@
@import '../partials/main'; @import '../import/colors.scss';
@import '../partials/nav'; @import '../import/syntax.scss';
@import '../partials/syntax'; @import '../import/main.scss';
@import '../import/nav.scss';
@import '../import/footer.scss';
.section-article { .section-article {
article { article {
@ -113,5 +115,3 @@
} }
} }
} }
@import '../partials/footer';

8
assets/errorpages.scss
View file

@ -1,5 +1,7 @@
@import 'partials/main'; @import 'import/colors.scss';
@import 'partials/nav'; @import 'import/main.scss';
@import 'import/nav.scss';
@import 'import/footer';
header { header {
margin: 150px 0; margin: 150px 0;
@ -8,5 +10,3 @@ header {
font-size: 2em; font-size: 2em;
} }
} }
@import 'partials/footer';

17
assets/import/colors.scss Normal file
View file

@ -0,0 +1,17 @@
$green: rgb(100, 200, 130);
$green-dark: rgb(80, 180, 110);
$green-light: rgb(100, 220, 150);
$red: rgb(255, 130, 130);
$red-dark: rgb(235, 110, 110);
$red-light: rgb(255, 150, 150);
$white: rgb(245, 245, 255);
$white-dark: rgb(215, 215, 225);
$white-light: rgb(255, 255, 255);
$white-disabled: rgb(150, 150, 160);
$bg30: rgb(30, 30, 45);
$bg40: rgb(40, 40, 60);
$bg50: rgb(50, 50, 75);
$bg60: rgb(60, 60, 90);
$bg70: rgb(70, 70, 105);
$bg80: rgb(80, 80, 120);

0
assets/partials/_footer.scss → assets/import/footer.scss
View file

0
assets/partials/_main.scss → assets/import/main.scss
View file

0
assets/partials/_nav.scss → assets/import/nav.scss
View file

0
assets/partials/_syntax.scss → assets/import/syntax.scss
View file

44
assets/index.scss
View file

@ -1,9 +1,11 @@
@import 'partials/main'; @import 'import/colors.scss';
@import 'partials/nav'; @import 'import/main.scss';
@import 'import/nav.scss';
@import 'import/footer.scss';
.section.header { .section.header {
align-items: center; align-items: center;
background: rgb(70, 70, 105); background: $bg70;
display: flex; display: flex;
height: 150px; height: 150px;
margin: 0 0 40px 0; margin: 0 0 40px 0;
@ -17,15 +19,15 @@
} }
.section-header { .section-header {
color: rgb(215, 215, 225); color: $white-dark;
font-size: 1.5em; font-size: 1.5em;
a { a {
border-bottom: 2px solid; border-bottom: 2px solid;
color: rgb(245, 245, 255); color: $white;
font-weight: bold; font-weight: bold;
transition: border .2s, color .2s; transition: border .2s, color .2s;
&:hover { &:hover {
color: rgb(255, 130, 130); color: $red;
text-decoration: none; text-decoration: none;
} }
} }
@ -37,24 +39,24 @@
grid-gap: 1rem; grid-gap: 1rem;
margin: 20px 0; margin: 20px 0;
a { a {
color: rgb(255, 255, 255); color: $white-light;
text-decoration: none; text-decoration: none;
} }
article { article {
background: rgb(60, 60, 90); background: $bg60;
border: 1px solid rgb(60, 60, 90); border: 1px solid $bg60;
border-radius: 5px; border-radius: 5px;
color: rgb(255, 255, 255); color: $white;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
height: max-content; height: max-content;
padding: 20px; padding: 20px;
transition: background .2s; transition: background .2s;
&:hover { &:hover {
background: rgb(70, 70, 105); background: $bg70;
} }
img { img {
background: rgb(80, 80, 120); background: $bg80;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
margin: -20px -20px 15px -20px; margin: -20px -20px 15px -20px;
max-height: 250px; max-height: 250px;
@ -72,7 +74,7 @@
margin: 0; margin: 0;
} }
.author { .author {
color: rgb(200, 200, 230); color: $white-dark;
font-style: italic; font-style: italic;
} }
} }
@ -89,24 +91,24 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
margin: 20px 0; margin: 20px 0;
a { a {
color: rgb(255, 255, 255); color: $white-light;
text-decoration: none; text-decoration: none;
} }
article { article {
background: rgb(60, 60, 90); background: $bg60;
border: 1px solid rgb(60, 60, 90); border: 1px solid $bg60;
border-radius: 5px; border-radius: 5px;
color: rgb(255, 255, 255); color: $white-light;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
height: max-content; height: max-content;
padding: 20px; padding: 20px;
transition: background .2s; transition: background .2s;
&:hover { &:hover {
background: rgb(70, 70, 105); background: $bg70;
} }
img { img {
background: rgb(80, 80, 120); background: $bg80;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
margin: -20px -20px 10px -20px; margin: -20px -20px 10px -20px;
max-height: 170px; max-height: 170px;
@ -124,7 +126,7 @@
margin: 0; margin: 0;
} }
.status { .status {
color: rgb(215, 215, 225); color: $white-dark;
font-style: italic; font-style: italic;
} }
} }
@ -139,5 +141,3 @@
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
} }
@import 'partials/footer';

8
assets/projects/list.scss
View file

@ -1,5 +1,7 @@
@import '../partials/main'; @import '../import/colors.scss';
@import '../partials/nav'; @import '../import/main.scss';
@import '../import/nav.scss';
@import '../import/footer.scss';
.section.header { .section.header {
align-items: center; align-items: center;
@ -73,5 +75,3 @@
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
} }
@import '../partials/footer';