From e75e043899e5177151c7876295d74ff021febd56 Mon Sep 17 00:00:00 2001 From: maxstrb Date: Mon, 15 Dec 2025 22:11:23 +0100 Subject: [PATCH] top-bar --- assets/anti-logo.svg | 59 +++++++++++++++++++++++++++++++++ css/style.css | 79 ++++++++++++++++++++++++++++++++++++++++++++ goals.html | 26 +++++++++++++++ index.html | 26 +++++++++++++++ steps_to_take.html | 26 +++++++++++++++ 5 files changed, 216 insertions(+) create mode 100644 assets/anti-logo.svg create mode 100644 css/style.css create mode 100644 goals.html create mode 100644 index.html create mode 100644 steps_to_take.html diff --git a/assets/anti-logo.svg b/assets/anti-logo.svg new file mode 100644 index 0000000..9f30fc1 --- /dev/null +++ b/assets/anti-logo.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..df64670 --- /dev/null +++ b/css/style.css @@ -0,0 +1,79 @@ +body { + margin: 0; + padding: 0; + height: 200vh; +} + +header { + position: fixed; + display: flex; + width: 100%; + justify-content: space-between; + padding: 15px; + + box-sizing: border-box; + + box-shadow: 0 10px 10px lightblue; +} + +header > img { + aspect-ratio: initial; + height: 50px; +} + +/*https://getcssscan.com/css-buttons-examples button 6*/ + +nav > a { + align-items: center; + justify-content: center; + + background-color: #ffffff; + + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0.25rem; + + box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0; + box-sizing: border-box; + + color: rgba(0, 0, 0, 0.85); + cursor: pointer; + display: inline-flex; + + font-family: + system-ui, + -apple-system, + system-ui, + "Helvetica Neue", + Helvetica, + Arial, + sans-serif; + font-size: 16px; + font-weight: 600; + line-height: 1.25; + + margin: 0; + min-height: 3rem; + padding: calc(0.675rem - 1px) calc(1.2rem - 1px); + position: relative; + text-decoration: none; + transition: all 250ms; + user-select: none; + vertical-align: baseline; + width: auto; + + animation: 0.5s; +} + +.current-tab { + background-color: #bbbbbb !important; +} + +nav > a:hover { + background-color: #eeeeee; +} + +nav { + display: flex; + gap: 20px; + justify-content: space-between; +} diff --git a/goals.html b/goals.html new file mode 100644 index 0000000..5c8cfb5 --- /dev/null +++ b/goals.html @@ -0,0 +1,26 @@ + + + + + + Apel na NVidii + + + +
+ nvidia logo crossed + + +
+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..65b154e --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + Apel na NVidii + + + +
+ nvidia logo crossed + + +
+ + diff --git a/steps_to_take.html b/steps_to_take.html new file mode 100644 index 0000000..20a7829 --- /dev/null +++ b/steps_to_take.html @@ -0,0 +1,26 @@ + + + + + + Apel na NVidii + + + +
+ nvidia logo crossed + + +
+ +