From f27a91e84f093d0df676ea60445c4958b2b40882 Mon Sep 17 00:00:00 2001 From: octospacc Date: Tue, 17 May 2022 13:00:20 +0200 Subject: [PATCH] Divide website (postoctt) from static site generator (staticoso) --- .gitignore | 1 + .gitlab-ci.yml | 18 +++++ Assets/Standard.css | 119 ++++++++++++++++++++++++++++++++++ Pages/index.md | 23 +++++++ Parts/Standard/BottomBox.html | 1 + Parts/Standard/LeftBox.html | 2 + Parts/Standard/TopBox.html | 1 + Templates/Standard.html | 34 ++++++++++ 8 files changed, 199 insertions(+) create mode 100644 .gitignore create mode 100644 .gitlab-ci.yml create mode 100755 Assets/Standard.css create mode 100755 Pages/index.md create mode 100644 Parts/Standard/BottomBox.html create mode 100644 Parts/Standard/LeftBox.html create mode 100644 Parts/Standard/TopBox.html create mode 100755 Templates/Standard.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..46f5006 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +public/* diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml new file mode 100644 index 0000000..980a6a8 --- /dev/null +++ b/.gitlab-ci.yml @@ -0,0 +1,18 @@ +image: alpine:latest + +before_script: + - apk update + - apk add python3 py3-pip git + - pip3 install importlib-metadata + +pages: + stage: deploy + script: + - git clone --depth 1 https://gitlab.com/octtspacc/staticoso + - mv staticoso/Source/* ./ + - python3 Build.py + artifacts: + paths: + - public + rules: + - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH diff --git a/Assets/Standard.css b/Assets/Standard.css new file mode 100755 index 0000000..e3595da --- /dev/null +++ b/Assets/Standard.css @@ -0,0 +1,119 @@ +:root { + --ScreenBorderPadding: 4px; + --ContentPadding: 8px; +} + +* { + Box-Sizing: Border-Box; +} + +Body { + Margin: 0; + //Padding: var(--ScreenBorderPadding); + Box-Sizing: Border-Box; + Width: 100vw; + Position: Absolute; + Left: Auto; + Right: Auto; + Background: #eeddff; + Font-Family: "Liberation Mono"; +} +#Container { + Box-Sizing: Border-Box; +} + +#TopBox { + Border: 2px Solid Purple; + Padding: var(--ContentPadding); +} +#LeftBox { + Float: Left; + Padding: var(--ContentPadding); + //Border: 2px Solid Purple; + user-select: none; +} +#RightBox { + //Position: Inherit; + //Border: 2px Solid Purple; + //Top: 16px; + //Right: 16px; +// Margin: 0; + Padding: var(--ContentPadding); + Float: Right; + user-select: none; +} +#MainBox { + //Text-Align: Center; + Margin: Auto; + Position: Absolute; + Z-Index: -1; + Left: 0; + Right: 0; + Width: 80%; +} +#BottomBox { + Box-Sizing: Border-Box; + Border: 2px Solid Purple; + Position: Fixed; + Bottom: 0; //var(--ScreenBorderPadding); + //Margin: var(--ScreenBorderPadding); + Left: 0; + Right: 0; + Padding: var(--ContentPadding); + Width: 100vw; + Text-Align: Right; +} + +@Media (Max-Width: 800px) { + #LeftBox {Display: None;} + #RightBox {Display: None;} +} + +.BlinkA { + Animation: BlinkerA 0.25s Step-Start Infinite; +} +@keyframes BlinkerA { + 0% {Position: Absolute; Visibility: Hidden;} + 50% {Position: Static; Visibility: Visible;} + 100% {Position: Absolute; Visibility: Hidden;} +} +.BlinkO { + Animation: BlinkerO 0.25s Step-Start Infinite; +} +@keyframes BlinkerO { + 0% {Position: Static; Visibility: Visible;} + 50% {Position: Absolute; Visibility: Hidden;} + 100% {Position: Static; Visibility: Visible;} +} + +@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@699;700&display=swap"); +:root { + --lower: 100; + --upper: 700; +} + +/* Credits: https://codepen.io/jh3y/pen/WNrXqYz */ +.WavyText { + font-family: 'Roboto Mono', monospace; + text-align: center; + position: absolute; + left: 50%; + white-space: nowrap; + transform: translate(-50%, -50%) translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)); + font-variation-settings: 'wght' var(--lower); + margin: 0; +} +.WavyText span { + color: hsla(300, 100%, 10%, var(--alpha-l)); + animation: rise 2.25s infinite ease-in-out; + animation-delay: calc((var(--index) - 6) * 0.225s); + display: inline-block; +} +@keyframes rise { + 50% { + font-variation-settings: 'wght' var(--upper); + color: hsla(300, 100%, 20%, var(--alpha-u)); + transform: translate(0, -15%); + } +} + diff --git a/Pages/index.md b/Pages/index.md new file mode 100755 index 0000000..aade68c --- /dev/null +++ b/Pages/index.md @@ -0,0 +1,23 @@ +% Template: Standard.html + +# Ciao!! + +Sei entratao +nel... + +% - Credits: https://codepen.io/jh3y/pen/WNrXqYz +

postoctt +

+

postoctt +

+

postoctt +

+
+ +Esatto, il **postoctt**, Letteralmente il mio posto, perchè io sono octt e quindi +posto + octt = postoctt. +Se preferisci, puoi chiamarlo postocto. + +### Di che si tratta? + +A breve. diff --git a/Parts/Standard/BottomBox.html b/Parts/Standard/BottomBox.html new file mode 100644 index 0000000..e36f7f7 --- /dev/null +++ b/Parts/Standard/BottomBox.html @@ -0,0 +1 @@ +Footer diff --git a/Parts/Standard/LeftBox.html b/Parts/Standard/LeftBox.html new file mode 100644 index 0000000..9f2d944 --- /dev/null +++ b/Parts/Standard/LeftBox.html @@ -0,0 +1,2 @@ +Home + diff --git a/Parts/Standard/TopBox.html b/Parts/Standard/TopBox.html new file mode 100644 index 0000000..74fcd1a --- /dev/null +++ b/Parts/Standard/TopBox.html @@ -0,0 +1 @@ +Header diff --git a/Templates/Standard.html b/Templates/Standard.html new file mode 100755 index 0000000..ee221d9 --- /dev/null +++ b/Templates/Standard.html @@ -0,0 +1,34 @@ + + + + + + + + [HTML:Page:Title] - postoctt + + + +
+
+ [HTML:Part:Standard/TopBox.html] +
+
+
+ [HTML:Part:Standard/LeftBox.html] +
+
+ [HTML:Page:RightBox] +
+
+ [HTML:Page:MainBox] +
+
+
+ [HTML:Part:Standard/BottomBox.html] +
+
+ +