rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 13:31:37 +01:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: rulrich:b42547a7787fcb7c941ce0fe751d82fa11633976
Branches Tags
rulrich:main
rulrich:rulrich-patch-1
...
compare: rulrich:cd9d90b8e53fb157e7892f281d6c5d4529c763be
Branches Tags
rulrich:main
rulrich:rulrich-patch-1

5 commits
b42547a778 ... cd9d90b8e5

Author SHA1 Message Date
Reto Bollinger
cd9d90b8e5 Fixed typo in imprint 2025-01-15 22:38:30 +01:00
Reto Bollinger
906e3db809 Slightly improved footer 2025-01-15 22:37:12 +01:00
Reto Bollinger
828db72f8d Merge branch 'main' of git.bolliret.ch:pcs/pcs-website 
Attempted to merge
 2025-01-15 21:51:28 +01:00
Reto Bollinger
5cfb7c7d4c Further adjusted CSS for smaller screens. 2025-01-15 21:48:56 +01:00
Reto Bollinger
f361219927 Adjusted CSS for smaller screens. 2025-01-15 21:04:02 +01:00
2 changed files with 41 additions and 15 deletions
Show stats Expand all files Collapse all files

54
lektor/lektordata/project/assets/static/style.css
View file

@ -59,6 +59,10 @@
src:url(/static/webfonts/Roboto-ThinItalic.woff2)format("woff2"),url(/static/webfonts/Roboto-ThinItalic.woff)format("woff") src:url(/static/webfonts/Roboto-ThinItalic.woff2)format("woff2"),url(/static/webfonts/Roboto-ThinItalic.woff)format("woff")
} }
@view-transition {
navigation: auto;
}
html{ html{
margin: 0px; margin: 0px;
} }
@ -286,6 +290,16 @@ div.left_footer, div.middle_footer, div.right_footer {
padding: 28px; padding: 28px;
} }
div.left_footer, div.right_footer{
width: 40vw;
}
div.middle_footer,{
width: 20vw;
}
div.right_footer{
justify-content: right;
}
@ -394,6 +408,7 @@ div.left_footer, div.middle_footer, div.right_footer {
opacity: 0; opacity: 0;
-webkit-animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards; animation-fill-mode:forwards;
width: min(700px, 63.6vw);
} }
@-webkit-keyframes pulse{ @-webkit-keyframes pulse{
@ -743,7 +758,7 @@ div.left_footer, div.middle_footer, div.right_footer {
border-collapse: collapse; border-collapse: collapse;
padding: 0 0 calc(50px * 0.7) calc(50px * 0.7); padding: 0 0 calc(50px * 0.7) calc(50px * 0.7);
margin: 0 0 calc(50px * 0.7) calc(50px* 0.7); margin: 0 0 calc(50px * 0.7) calc(50px* 0.7);
width: calc(1000px * 0.7); width: calc(100vw - 70px);
} }
.termine ul > li, .vorstand ul > li { .termine ul > li, .vorstand ul > li {
@ -752,13 +767,14 @@ div.left_footer, div.middle_footer, div.right_footer {
} }
.termine ul > li > div, .vorstand ul > li > div{ .termine ul > li > div, .vorstand ul > li > div{
width: 680px; line-height: normal;
width: calc(100vw - 100px);
max-width: 700px; max-width: 700px;
text-align: left; text-align: left;
padding: calc(20px * 0.7) calc(10px * 0.7) calc(15px * 0.7) calc(10px * 0.7); padding: 0;
margin: 0; margin: 7px 0 0 7px;
display: inline-block; display: inline-block;
white-space: nowrap; white-space: normal;
font-family: "Roboto-Regular","Arial",sans-serif; font-family: "Roboto-Regular","Arial",sans-serif;
} }
@ -768,6 +784,7 @@ div.left_footer, div.middle_footer, div.right_footer {
margin: 0; margin: 0;
display: grid; display: grid;
grid-gap: 0; grid-gap: 0;
width: calc(100vw - 70px);
} }
.termine ul > li > ul,{ .termine ul > li > ul,{
@ -797,39 +814,48 @@ div.left_footer, div.middle_footer, div.right_footer {
grid-column: span 1; grid-column: span 1;
} }
.termine ul > li > ul > li:nth-child(2) { .termine ul > li > ul > li:nth-child(2) {
width: 430px; width: calc(100vw - 350px);
grid-column: span 1; grid-column: span 1;
} }
.termine ul > li > ul > li:nth-child(3) { .termine ul > li > ul > li:nth-child(3) {
width: 700px; width: calc(100vw - 70px);
grid-column: span 2; grid-column: span 2;
} }
.vorstand ul > li > ul > li:nth-child(1), .vorstand ul > li > ul > li:nth-child(2){ .vorstand ul > li > ul > li:nth-child(1), .vorstand ul > li > ul > li:nth-child(2){
width: 700px; width: calc(100vw - 70px);
grid-column: span 1; grid-column: span 1;
} }
.termine ul > li > ul > li > div, .vorstand ul > li > ul > li > div { .termine ul > li > ul > li > div, .vorstand ul > li > ul > li > div {
font-family: "Roboto-Light","Arial",sans-serif; font-family: "Roboto-Light","Arial",sans-serif;
padding: calc(10px * 0.7) calc(10px * 0.7); padding: 2px 0 0 7px;
margin: 0;
} }
.termine ul > li > ul > li:nth-child(1) > div{ width: 250px; } .termine ul > li > ul > li:nth-child(1) > div{ width: 250px; }
.termine ul > li > ul > li:nth-child(2) > div{ .termine ul > li > ul > li:nth-child(2) > div{
width: 410px; width: calc(100vw - 355px);
margin-left: 0; margin-left: 0;
margin-right: auto; margin-right: auto;
text-align: left; text-align: left;
} }
.termine ul > li > ul > li:nth-child(3) > div{ .termine ul > li > ul > li:nth-child(3) > div{
width: 680px; width: calc(100vw - 70px);
padding: calc(10px * 0.7) calc(10px * 0.7) calc(20px * 0.7) calc(10px * 0.7); line-height: 24px;
padding: 0;
margin: 0 0 0 7px;
} }
.vorstand ul > li > ul > li:nth-child(1) > div, .vorstand ul > li > ul > li:nth-child(2) > div{ width: 680px; } .vorstand ul > li > ul > li:nth-child(1) > div, .vorstand ul > li > ul > li:nth-child(2) > div{ width: calc(100vw - 100px);}
.vorstand ul > li > ul > li:nth-child(2) > div { padding: calc(10px * 0.7) calc(10px * 0.7) calc(20px * 0.7) calc(10px * 0.7); } .vorstand ul > li > ul > li:nth-child(2) > div {
padding: calc(10px * 0.7) calc(10px * 0.7) calc(20px * 0.7) calc(10px * 0.7);
white-space: nowrap;
line-height: normal;
padding: 0 0 5px 0;
margin: 0 0 0 7px;
}
.termine ul > li > div, .termine ul > li > ul > li > div, .vorstand ul > li > div, .vorstand ul > li > ul > li > div { .termine ul > li > div, .termine ul > li > ul > li > div, .vorstand ul > li > div, .vorstand ul > li > ul > li > div {

2
lektor/lektordata/project/content/impressum/contents.lr
View file

@ -1,6 +1,6 @@
_model: page _model: page
--- ---
title: impressum title: Impressum
--- ---
body: body: