diff --git a/index.css b/index.css index 84aecec..5da350d 100644 --- a/index.css +++ b/index.css @@ -42,6 +42,8 @@ body { font-family: var(--iosevka-regular); font-size: var(--medium-font-size); color: var(--secondary-color); + width: 100%; + overflow-x: scroll; margin-bottom: 10px; } @@ -190,9 +192,7 @@ a:visited { } .horizontal-divider { - width: 50%; - min-width: 100px; - max-width: 300px; + width: 100%; height: 1px; background-color: var(--secondary-color); align-self: center; diff --git a/new/assets/fonts/Ubuntu-Bold.ttf b/new/assets/fonts/Ubuntu-Bold.ttf new file mode 100644 index 0000000..c2293d5 Binary files /dev/null and b/new/assets/fonts/Ubuntu-Bold.ttf differ diff --git a/new/assets/fonts/Ubuntu-BoldItalic.ttf b/new/assets/fonts/Ubuntu-BoldItalic.ttf new file mode 100644 index 0000000..ce6e784 Binary files /dev/null and b/new/assets/fonts/Ubuntu-BoldItalic.ttf differ diff --git a/new/assets/fonts/Ubuntu-Italic.ttf b/new/assets/fonts/Ubuntu-Italic.ttf new file mode 100644 index 0000000..a599244 Binary files /dev/null and b/new/assets/fonts/Ubuntu-Italic.ttf differ diff --git a/new/assets/fonts/Ubuntu-Light.ttf b/new/assets/fonts/Ubuntu-Light.ttf new file mode 100644 index 0000000..b310d15 Binary files /dev/null and b/new/assets/fonts/Ubuntu-Light.ttf differ diff --git a/new/assets/fonts/Ubuntu-LightItalic.ttf b/new/assets/fonts/Ubuntu-LightItalic.ttf new file mode 100644 index 0000000..ad0741b Binary files /dev/null and b/new/assets/fonts/Ubuntu-LightItalic.ttf differ diff --git a/new/assets/fonts/Ubuntu-Medium.ttf b/new/assets/fonts/Ubuntu-Medium.ttf new file mode 100644 index 0000000..7340a40 Binary files /dev/null and b/new/assets/fonts/Ubuntu-Medium.ttf differ diff --git a/new/assets/fonts/Ubuntu-MediumItalic.ttf b/new/assets/fonts/Ubuntu-MediumItalic.ttf new file mode 100644 index 0000000..36ac1ae Binary files /dev/null and b/new/assets/fonts/Ubuntu-MediumItalic.ttf differ diff --git a/new/assets/fonts/Ubuntu-Regular.ttf b/new/assets/fonts/Ubuntu-Regular.ttf new file mode 100644 index 0000000..f98a2da Binary files /dev/null and b/new/assets/fonts/Ubuntu-Regular.ttf differ diff --git a/new/assets/img/me.jpg b/new/assets/img/me.jpg new file mode 100644 index 0000000..5b65506 Binary files /dev/null and b/new/assets/img/me.jpg differ diff --git a/new/index.css b/new/index.css new file mode 100644 index 0000000..84d839c --- /dev/null +++ b/new/index.css @@ -0,0 +1,97 @@ +/* Constant variables. */ +:root { + /* Colors */ + --primary-color: #181818; + --on-primary-color: #EDE6D6; + + /* Font sizes. */ + --small-font-size: 16px; + --medium-font-size: 20px; + --large-font-size: 24px; +} + +/* Base elements. */ +body { + margin: 0; + padding: 0; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: var(--primary-color); + font-family: 'Ubuntu'; + color: var(--on-primary-color); + display: flex; + flex-direction: column; +} + +header { + width: 100%; + height: 40px; + border-bottom: 2px solid var(--on-primary-color); + display: flex; + flex-direction: row; + align-items: center; +} + +header>h1:before { + content: 'Anton Louis Koetzler-Faust'; +} + +header>h1 { + flex: 1; +} + +main { + flex: 1; + background-color: pink; +} + +button { + background: none; + outline: none; + border: none; + font-family: 'Ubuntu'; + font-size: var(--medium-font-size); + color: var(--on-primary-color); + cursor: pointer; + height: 100%; + padding: 0 10px; +} + +button:hover { + background: var(--on-primary-color); + color: var(--primary-color); +} + +h1, +p { + margin: 0; + padding: 0; +} + +h1 { + font-size: var(--large-font-size); + text-align: center; +} + +/* Classes. */ +.vertical-divider { + height: 100%; + width: 2px; + background-color: var(--on-primary-color); +} + +/* Media queries. */ +@media screen and (max-width: 540px) { + header>h1:before { + content: 'Anton Koetzler-Faust'; + } +} + +@media screen and (max-width: 450px) { + header>h1:before { + content: 'Anton K-F'; + } +} \ No newline at end of file diff --git a/new/index.html b/new/index.html new file mode 100644 index 0000000..eecc8b3 --- /dev/null +++ b/new/index.html @@ -0,0 +1,39 @@ + + + + +
+ +