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
deploy.sh
.directory
*.kate-swp
# not ignored directories
!/content/errorpages/

7
assets/_default/list.scss
View file

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

10
assets/_default/single.scss
View file

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

8
assets/errorpages.scss
View file

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

8
assets/projects/list.scss
View file

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