aronmal/liljudd-website
1
0
Fork 0
mirror of https://git.moonleay.net/Websites/liljudd-website.git synced 2025-07-26 03:12:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

WIP: fixed typos on about page, wrapped acknowledgements with div, fixed typo in features, added new line in how-do-i footer, edited imprint formatting, updated privacy-policy and terms-of-service, updated about page css, styled acknowledgements page, added color to links on contact page, edited how-do-i style, added css to imprint, added css to privacy-policy, edited style of the stack page, added css to terms-of-service page

Browse source
This commit is contained in:
moonleay 2023-12-05 12:31:21 +01:00
parent 55dee8b589
commit ceb5907ca5
No known key found for this signature in database
GPG key ID: 82667543CCD715FB
15 changed files with 417 additions and 243 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/styles/pages/about.scss
View file

@ -5,6 +5,10 @@ h1 {
}
.aboutdiv {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
section {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;

58
src/styles/pages/acknowledgements.scss Normal file
View file

@ -0,0 +1,58 @@
.wrapper {
h1 {
@media (min-width: 420px) {
font-size: 3rem;
}
font-size: 2.8rem;
text-align: center;
margin-bottom: 1.2rem;
}
section {
margin: 1rem;
p, a {
@media (max-width: 420px) {
font-size: 0.75rem;
}
}
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
table {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
max-width: 1100px;
margin: 1rem auto;
width: 100%;
thead {
tr {
th {
text-align: left;
border-bottom: 1px solid white;
padding: 0.5rem;
font-size: 1.5rem !important;
font-weight: bolder;
}
}
}
tbody {
tr {
td {
//padding: 1.5rem 2rem;
}
}
}
}
}
}

7
src/styles/pages/contact.scss
View file

@ -13,11 +13,18 @@
flex-direction: column;
align-items: center;
a {
color: white;
font-size: 0.9rem;
transition: 0.5s;
display: flex;
align-items: center;
img {
margin: 0 5px;
}
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}

10
src/styles/pages/how-do-i.scss
View file

@ -5,9 +5,12 @@
}
.section {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1rem;
display: block;
@ -37,9 +40,12 @@
}
.footernotesection {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1rem;
display: block;
text-align: center;

32
src/styles/pages/imprint.scss Normal file
View file

@ -0,0 +1,32 @@
.wrapper {
h1 {
font-size: 3rem;
text-align: center;
margin-bottom: 1.2rem;
}
p {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1.5rem;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}

46
src/styles/pages/privacy-policy.scss Normal file
View file

@ -0,0 +1,46 @@
.wrapper {
div {
h1 {
font-size: 3rem;
text-align: center;
}
h4{
font-size: 1.5rem;
text-align: center;
margin-bottom: 1.2rem;
}
}
section {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1rem;
display: block;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
ul {
li {
padding-left: 1rem;
}
}
}
p {
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}

13
src/styles/pages/stack.scss
View file

@ -11,15 +11,12 @@
padding: 1.5rem;
display: block;
@media (min-width: 950px) {
max-width: 900px;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
display: flex;
width: 100%;
display: flex;
justify-content: space-between;
//display: grid;
//grid-template-columns: repeat(4, 1fr);
}
img {
@ -42,8 +39,8 @@
border-radius: 4px;
margin: 1rem;
@media (min-width: 950px) {
width: 900px;
@media (min-width: 1150px) {
width: 1100px;
margin: 1rem auto;
}

34
src/styles/pages/terms-of-service.scss Normal file
View file

@ -0,0 +1,34 @@
.wrapper {
h1 {
font-size: 3rem;
text-align: center;
margin-bottom: 1.2rem;
}
div {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1rem;
display: block;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
}
}
p {
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}
}