diff --git a/fonts/Iosevka-Extended.ttf b/fonts/Iosevka-Extended.ttf deleted file mode 100644 index 03860b2..0000000 Binary files a/fonts/Iosevka-Extended.ttf and /dev/null differ diff --git a/fonts/Iosevka-ExtendedBold.ttf b/fonts/Iosevka-ExtendedBold.ttf deleted file mode 100644 index 5fcb4af..0000000 Binary files a/fonts/Iosevka-ExtendedBold.ttf and /dev/null differ diff --git a/fonts/Iosevka-ExtendedItalic.ttf b/fonts/Iosevka-ExtendedItalic.ttf deleted file mode 100644 index 9f13ba9..0000000 Binary files a/fonts/Iosevka-ExtendedItalic.ttf and /dev/null differ diff --git a/img/dart.svg b/img/dart.svg deleted file mode 100644 index 439ea88..0000000 --- a/img/dart.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/img/electron.svg b/img/electron.svg deleted file mode 100644 index dc81c99..0000000 --- a/img/electron.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/flutter.svg b/img/flutter.svg deleted file mode 100644 index cc73db9..0000000 --- a/img/flutter.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/img/go.svg b/img/go.svg deleted file mode 100644 index 15403d7..0000000 --- a/img/go.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/img/me.jpg b/img/me.jpg deleted file mode 100644 index 5b65506..0000000 Binary files a/img/me.jpg and /dev/null differ diff --git a/img/node.png b/img/node.png deleted file mode 100644 index b7c4136..0000000 Binary files a/img/node.png and /dev/null differ diff --git a/img/nvim.svg b/img/nvim.svg deleted file mode 100644 index ba209fe..0000000 --- a/img/nvim.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - neovim-mark@2x - Created with Sketch (http://www.bohemiancoding.com/sketch) - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/img/sqlite.svg b/img/sqlite.svg deleted file mode 100644 index 8132bfc..0000000 --- a/img/sqlite.svg +++ /dev/null @@ -1,3 +0,0 @@ - - -image/svg+xml \ No newline at end of file diff --git a/img/typescript.svg b/img/typescript.svg deleted file mode 100644 index a46d53d..0000000 --- a/img/typescript.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/vue.svg b/img/vue.svg deleted file mode 100644 index a1d285e..0000000 --- a/img/vue.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/index.css b/index.css index 5da350d..cef0c40 100644 --- a/index.css +++ b/index.css @@ -1,69 +1,43 @@ -/* Fonts */ -@font-face { - font-family: 'Iosevka Regular'; - src: url('fonts/Iosevka-Extended.ttf'); -} - -@font-face { - font-family: 'Iosevka Bold'; - src: url('fonts/Iosevka-ExtendedBold.ttf'); -} - -@font-face { - font-family: 'Iosevka Italic'; - src: url('fonts/Iosevka-ExtendedItalic.ttf'); -} - -/* Variables */ +/* Constants */ :root { - /* Fonts faces */ - --iosevka-regular: 'Iosevka Regular'; - --iosevka-bold: 'Iosevka Bold'; - --iosevka-italic: 'Iosevka Italic'; + /* Colors */ + --primary-color: #181818; + --on-primary-color: #EDE6D6; /* Font sizes */ - --small-font-size: 16px; + --small-font-size: 20px; --medium-font-size: 24px; - --large-font-size: 30px; - - /* Colors */ - --primary-color: rgb(24, 24, 24); - --secondary-color: rgb(237, 230, 214); + --large-font-size: 28px; } /* Base elements */ body { - display: flex; - flex-direction: column; - gap: 20px; margin: 0; padding: 0; - background: var(--primary-color); - font-family: var(--iosevka-regular); - font-size: var(--medium-font-size); - color: var(--secondary-color); width: 100%; - overflow-x: scroll; - margin-bottom: 10px; -} - -main { + height: 100%; + position: fixed; + top: 0; + left: 0; + background-color: var(--primary-color); + font-family: 'Ubuntu Mono'; + color: var(--on-primary-color); + font-size: var(--medium-font-size); display: flex; flex-direction: column; - gap: 50px; - min-width: 300px; - max-width: 600px; - align-self: center; } -/* App bar */ header { + height: 45px; + border-bottom: 2px solid var(--on-primary-color); display: flex; flex-direction: row; - justify-content: space-between; align-items: center; - border-bottom: 2px solid var(--secondary-color); - height: 50px; + justify-content: space-between; +} + +header>h1 { + flex: 1; } header>h1:before { @@ -79,172 +53,61 @@ header>div { header>div>div { width: 2px; height: 100%; - background-color: var(--secondary-color); -} - -/* - Used for principle sections of the portfolio - - i.e. About Me, Professional Experience, Contact Information, & Projects -*/ -section { - display: flex; - flex-direction: column; - gap: 15px; - width: 95%; - max-width: 800px; - align-self: center; - background: var(--translucent-secondary-color); + background-color: var(--on-primary-color); } -/* - Used for small pieces of information - - i.e. Form of contact information or a job (in professional experience) -*/ -figure { - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - gap: 5px; -} - -/* Lists */ -ul { - margin: 0; - padding-left: 25px; - list-style-type: '- '; -} - -/* List items */ -li { - font-size: var(--small-font-size); +main { + flex: 1; } -/* Buttons */ button { background: none; outline: none; border: none; - font-family: var(--iosevka-regular); + font-family: 'Ubuntu Mono'; font-size: var(--medium-font-size); - color: var(--secondary-color); + color: var(--on-primary-color); + padding: 0 10px; + height: 100%; cursor: pointer; - padding: 5px 10px; } button:hover { - background: var(--secondary-color); + background-color: var(--on-primary-color); color: var(--primary-color); } -img { - pointer-events: none; - user-select: none; -} - -/* Text */ h1, -h2, -h3, p { margin: 0; padding: 0; - text-align: center; } h1 { + text-align: center; font-size: var(--large-font-size); - user-select: none; -} - -h2 { - font-size: var(--medium-font-size); -} - -h3 { - font-size: var(--small-font-size); -} - -p { - font-size: var(--small-font-size); -} - -a { - font-family: var(--iosevka-regular); - color: lightblue; - font-size: var(--small-font-size); - text-decoration: none; -} - -a:visited { - color: #D8BFD8; -} - -/* Classes */ -.bold { - font-family: var(--iosevka-bold); -} - -.italic { - font-family: var(--iosevka-italic); } -.horizontal-divider { - width: 100%; - height: 1px; - background-color: var(--secondary-color); - align-self: center; -} - -/* IDs */ -#me { - width: 300px; - align-self: center; - border-radius: 15px; - border: 2px solid var(--secondary-color); -} - -#toolbox { - align-items: center; - margin-bottom: 5px; -} - -#toolbox>div { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 20px; - max-width: 350px; -} - -#toolbox>div>img { - width: 60px; - height: 60px; -} - -/* Media queries */ -@media screen and (max-width: 850px) { +@media screen and (max-width: 550px) { header>h1:before { content: 'Anton Koetzler-Faust'; } } -@media screen and (max-width: 750px) { +@media screen and (max-width: 450px) { header>h1:before { content: 'Anton K-F'; } } -@media screen and (max-width: 550px) { +@media screen and (max-width: 300px) { header>h1:before { content: 'AKF'; } } -@media screen and (max-width: 300px) { - header>h1:before { - content: ''; +@media screen and (max-width: 200px) { + header>h1 { + visibility: hidden; } } \ No newline at end of file diff --git a/index.html b/index.html index 42f0812..6a49921 100644 --- a/index.html +++ b/index.html @@ -3,109 +3,42 @@ + Anton Louis Koetzler-Faust + + + + + + + + + + + - +
- +

- +
+
- -
- - -

- - -
- -
- - -
-

-
- dart - flutter - typescript - node - vue - electron - go - sqlite -
-
- -
- - -
-

-
-

Doutor-IE

-

-

-
-
- -
- - -
-

-
-

Email: antonkoetzler-faust@hotmail.com

-

+55 (48) 98818-9095

-
-
- -
- - -
-

- - -
- Myoro Flutter Library -
    -
  • -
  • -
  • -
  • -
-
-
- MyoroFitness (COMING SOON) -
    -
  • -
  • -
  • -
  • -
  • Tech stack: Flutter frontend & Go backend.
  • -
-
-
diff --git a/new/assets/fonts/Ubuntu-Bold.ttf b/new/assets/fonts/Ubuntu-Bold.ttf deleted file mode 100644 index c2293d5..0000000 Binary files a/new/assets/fonts/Ubuntu-Bold.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-BoldItalic.ttf b/new/assets/fonts/Ubuntu-BoldItalic.ttf deleted file mode 100644 index ce6e784..0000000 Binary files a/new/assets/fonts/Ubuntu-BoldItalic.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-Italic.ttf b/new/assets/fonts/Ubuntu-Italic.ttf deleted file mode 100644 index a599244..0000000 Binary files a/new/assets/fonts/Ubuntu-Italic.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-Light.ttf b/new/assets/fonts/Ubuntu-Light.ttf deleted file mode 100644 index b310d15..0000000 Binary files a/new/assets/fonts/Ubuntu-Light.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-LightItalic.ttf b/new/assets/fonts/Ubuntu-LightItalic.ttf deleted file mode 100644 index ad0741b..0000000 Binary files a/new/assets/fonts/Ubuntu-LightItalic.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-Medium.ttf b/new/assets/fonts/Ubuntu-Medium.ttf deleted file mode 100644 index 7340a40..0000000 Binary files a/new/assets/fonts/Ubuntu-Medium.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-MediumItalic.ttf b/new/assets/fonts/Ubuntu-MediumItalic.ttf deleted file mode 100644 index 36ac1ae..0000000 Binary files a/new/assets/fonts/Ubuntu-MediumItalic.ttf and /dev/null differ diff --git a/new/assets/fonts/Ubuntu-Regular.ttf b/new/assets/fonts/Ubuntu-Regular.ttf deleted file mode 100644 index f98a2da..0000000 Binary files a/new/assets/fonts/Ubuntu-Regular.ttf and /dev/null differ diff --git a/new/assets/img/me.jpg b/new/assets/img/me.jpg deleted file mode 100644 index 5b65506..0000000 Binary files a/new/assets/img/me.jpg and /dev/null differ diff --git a/new/index.css b/new/index.css deleted file mode 100644 index 84d839c..0000000 --- a/new/index.css +++ /dev/null @@ -1,97 +0,0 @@ -/* 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 deleted file mode 100644 index eecc8b3..0000000 --- a/new/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - Anton Louis Koetzler-Faust - - - - - - - - - - - - - - - - - - -
- -
-

-
- -
- - -
-
- - - \ No newline at end of file