alexander.nutz/website
1
0
Fork 0
mirror of https://github.com/alex-s168/website.git synced 2025-09-10 01:05:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

'responsiveness' real

Browse Source
This commit is contained in:
Alexander Nutz
2025-07-05 00:37:12 +02:00
parent 1d6593dcc1
commit daedadb35f
1 changed files with 40 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
simple-page-layout.typ
View File

@@ -16,20 +16,55 @@
#let simple-page(gen-table-of-contents: true, gen-index-ref: true, content) = { #let simple-page(gen-table-of-contents: true, gen-index-ref: true, content) = {
core-page-style[ core-page-style[
#if is-web { #if is-web {
let off = 3;
table( table(
stroke: none, stroke: none,
columns: (25%, 50%, 25%), columns: (25%, 50%, 25%),
column-fixed(
html-style(class:"sidebar", "", column-fixed(
[#if gen-table-of-contents { [#table-of-contents()] }], [#if gen-table-of-contents { [#table-of-contents()] }],
min-pdf-link("Minimal PDF Version"), min-pdf-link("Minimal PDF Version"),
[#if gen-index-ref {[ [#if gen-index-ref {[
#context br() #context br()
#context html-href("index.html")[#html-bold[Website Home]] #context html-href("index.html")[#html-bold[Website Home]]
]}] ]}],
),
[#context if is-html() {
html.elem("style", "
@media only screen and (max-width: 1200px) {
.sidebar {
display: none !important;
}
.column-fixed {
width: 0% !important;
}
.body-column {
left: "+str(off)+"% !important;
}
}
@media only screen and (max-width: 1800px) {
.body-column > span {
width: 75% !important;
}
}
@media only screen and (max-width: 1200px) {
.body-column {
width: "+str(100-off)+"% !important;
}
.body-column > span {
width: 100% !important;
}
}
")
}],
)),
[ [
#let off = 3; #html-style(class:"body-column","position: absolute; left: "+str(25+off)+"%; width: "+str(75-off)+"%")[
#html-style("position: absolute; left: "+str(25+off)+"%; width: "+str(75-off)+"%")[
#box(width: 50%, content) #box(width: 50%, content)
] ]
], ],