From e264abd558abe661d5c206ef533d483c6b078326 Mon Sep 17 00:00:00 2001 From: MajorDroolz Date: Tue, 3 Jan 2023 22:04:28 -0500 Subject: [PATCH] FEAT: New 404 page, pages now use jekyll for componentalization. --- .DS_Store | Bin 8196 -> 6148 bytes .gitignore | 5 ++ 404.html | 16 ++++ Gemfile | 2 + Gemfile.lock | 70 +++++++++++++++ _includes/footer.html | 13 +++ _includes/header.html | 30 +++++++ _includes/style.html | 1 + _layouts/default.html | 30 +++++++ home/index.html | 120 -------------------------- index.html | 59 +++++++++++-- res/{favicon.ico => favicon.png} | Bin resume/index.html => resume.html | 4 +- styles/404.css | 30 +++++++ home/index.css => styles/default.css | 68 ++++----------- styles/footer.css | 12 +++ styles.css => styles/global.css | 35 +++++++- styles/header.css | 13 +++ resume/index.css => styles/resume.css | 0 19 files changed, 326 insertions(+), 182 deletions(-) create mode 100644 .gitignore create mode 100644 404.html create mode 100644 Gemfile create mode 100644 Gemfile.lock create mode 100644 _includes/footer.html create mode 100644 _includes/header.html create mode 100644 _includes/style.html create mode 100644 _layouts/default.html delete mode 100644 home/index.html rename res/{favicon.ico => favicon.png} (100%) rename resume/index.html => resume.html (97%) create mode 100644 styles/404.css rename home/index.css => styles/default.css (85%) create mode 100644 styles/footer.css rename styles.css => styles/global.css (52%) create mode 100644 styles/header.css rename resume/index.css => styles/resume.css (100%) diff --git a/.DS_Store b/.DS_Store index 590fc8f8fc3246dfcb0942f5bd34a1875ecf8716..61be7bd6b83292e94f960f01242b65afb0d9c5b5 100644 GIT binary patch delta 104 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50$jG@dU^g=(=Vl&(7tE6dM1>c# qb8rYU162Tl05_0u1u5QG_?>w&zl8(CP? z>L^rO8X4#)m>8Q)KEY}%iK413xF|0tKQA4qn{i{|FD5}|ut^LO+(6nD9N(EI d^NV;+_UGZ?V1&4xVRAgrG=89qQ1yRj0szvuHlY9j diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d9bcb82 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +_site +.bundle +.jekyll-cache +vendor +.vscode \ No newline at end of file diff --git a/404.html b/404.html new file mode 100644 index 0000000..331f46e --- /dev/null +++ b/404.html @@ -0,0 +1,16 @@ +--- +title: 404 +description: This is the home page of Maxim Voldman Hutz's personal website. +layout: default +--- + + + +
+
+ Looks like your lost! +

404

+
+
+ +
\ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..ccd4ffd --- /dev/null +++ b/Gemfile @@ -0,0 +1,2 @@ +source "https://rubygems.org" +gem "jekyll", "~> 4.3" \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..c3c1f99 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,70 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.8.1) + public_suffix (>= 2.0.2, < 6.0) + colorator (1.1.0) + concurrent-ruby (1.1.10) + em-websocket (0.5.3) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0) + eventmachine (1.2.7) + ffi (1.15.5) + forwardable-extended (2.6.0) + google-protobuf (3.21.12) + http_parser.rb (0.8.0) + i18n (1.12.0) + concurrent-ruby (~> 1.0) + jekyll (4.3.1) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 1.0) + jekyll-sass-converter (>= 2.0, < 4.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.3, >= 2.3.1) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (>= 0.3.6, < 0.5) + pathutil (~> 0.9) + rouge (>= 3.0, < 5.0) + safe_yaml (~> 1.0) + terminal-table (>= 1.8, < 4.0) + webrick (~> 1.7) + jekyll-sass-converter (3.0.0) + sass-embedded (~> 1.54) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.7.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.4.0) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (5.0.1) + rb-fsevent (0.11.2) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.5) + rouge (3.30.0) + safe_yaml (1.0.5) + sass-embedded (1.57.1-arm64-darwin) + google-protobuf (~> 3.21) + terminal-table (3.0.2) + unicode-display_width (>= 1.1.1, < 3) + unicode-display_width (2.4.1) + webrick (1.7.0) + +PLATFORMS + arm64-darwin-21 + +DEPENDENCIES + jekyll (~> 4.3) + +BUNDLED WITH + 2.4.2 diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..315e032 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,13 @@ + + + \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..8801f18 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,30 @@ + + +
+ MAX HUTZ +
+ Experience + Resume + Contact + + + + +
+ + +
+ +
+ \ No newline at end of file diff --git a/_includes/style.html b/_includes/style.html new file mode 100644 index 0000000..bd00b39 --- /dev/null +++ b/_includes/style.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..64b954e --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + {{ page.title }} ā”€ Max Hutz + + + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + \ No newline at end of file diff --git a/home/index.html b/home/index.html deleted file mode 100644 index 0242d0e..0000000 --- a/home/index.html +++ /dev/null @@ -1,120 +0,0 @@ - - - - - - - - - - - - - - - - - - - - Max Hutz - - -
-
- MAX HUTZ -
- Experience - Resume - Contact - - - - -
-
- -
-
-
-
-
-

Hey! šŸ‘‹ I'm Max Hutz.

- Software engineer in New York. -
-

- Iā€™m a passionate computer science student skilled in building - responsive, full-stack applications. I love learning from colleagues - and teaching future developers. I thrive where teamwork and creativity - are key. -

-
- -
-
-
- -
-
-

Worked on:

- -
- View all experiences. -
-
- - - - -
- -
- - - \ No newline at end of file diff --git a/index.html b/index.html index 422126a..404340c 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,52 @@ - - - - - - - \ No newline at end of file +--- +title: Home +description: This is the home page of Maxim Voldman Hutz's personal website. +layout: default +--- + +
+
+
+
+

Hey! šŸ‘‹ I'm Max Hutz.

+ Software engineer in New York. +
+

+ Iā€™m a passionate computer science student skilled in building responsive, + full-stack applications. I love learning from colleagues and teaching future + developers. I thrive where teamwork and creativity are key. +

+
+ +
+
+ +
+

Worked on:

+ +
+ View all experiences. +
\ No newline at end of file diff --git a/res/favicon.ico b/res/favicon.png similarity index 100% rename from res/favicon.ico rename to res/favicon.png diff --git a/resume/index.html b/resume.html similarity index 97% rename from resume/index.html rename to resume.html index af2f2a7..2c473b3 100644 --- a/resume/index.html +++ b/resume.html @@ -16,8 +16,8 @@ "> - - + + diff --git a/styles/404.css b/styles/404.css new file mode 100644 index 0000000..24a0ed0 --- /dev/null +++ b/styles/404.css @@ -0,0 +1,30 @@ +#notfound { + --color: var(--dark) linear-gradient(#0000, #0003); + flex: 1; + display: flex; + justify-content: center; + align-items: center; + color: white; + flex-direction: column; + gap: 20px; +} + +#notfound > * { + max-width: 300px; +} + +#text-outer > i { + font-size: 30px; +} + +#text-outer { + display: inline-flex; + flex-direction: column; + align-items: center; + font-size: 25px; +} + +#text-404 { + font-size: 160px; + line-height: 1; +} \ No newline at end of file diff --git a/home/index.css b/styles/default.css similarity index 85% rename from home/index.css rename to styles/default.css index 8e99481..54b66dc 100644 --- a/home/index.css +++ b/styles/default.css @@ -1,5 +1,19 @@ +html { + scroll-behavior: smooth; +} + +body { + display: flex; + flex-direction: column; + min-height: 100vh; + width: min(100vw, 1024px); + box-sizing: border-box; + margin: auto; +} + +/*----------------------------------------------------------------------------*/ + * { - overflow: hidden; text-decoration: none; } @@ -7,20 +21,6 @@ button { background-color: transparent; } -body { - display: flex; - align-items: center; - flex-direction: column; - justify-content: flex-start; - width: 100vw; - overflow-y: scroll; -} - -html { - overflow-y: scroll; - scroll-behavior: smooth; -} - .pre { all: unset; white-space: pre; @@ -96,6 +96,8 @@ hr { color: var(--color); position: relative; padding: 10px 30px; + font-size: 20px; + cursor: pointer; } .button::before { @@ -123,26 +125,6 @@ hr { /*----------------------------------------------------------------------------*/ -#header-outer { - position: fixed; - top: 0; - left: 0; - z-index: 100; -} - -header { - margin: auto; - max-width: 1024px; - display: flex; - gap: 40px; - font-size: 25px; - font-family: "Open Sans"; - font-weight: bolder; - color: var(--dark); - align-items: center; - box-sizing: border-box; -} - #about { position: relative; margin: auto; @@ -151,9 +133,8 @@ header { justify-content: center; align-items: flex-start; max-width: 1024px; - min-height: 90vh; + min-height: 85vh; color: var(--dark); - padding-top: 30px; box-sizing: border-box; gap: 30px; } @@ -220,19 +201,6 @@ nav { align-self: center; } -#footer-pad { - background: var(--dark) linear-gradient(#0002, #0002); -} - -footer { - display: flex; - align-items: center; - color: white; - max-width: 1024px; - margin: auto; - gap: 10px; -} - /*----------------------------------------------------------------------------*/ #menu { diff --git a/styles/footer.css b/styles/footer.css new file mode 100644 index 0000000..f9e94d1 --- /dev/null +++ b/styles/footer.css @@ -0,0 +1,12 @@ +footer { + display: flex; + align-items: center; + color: white; + max-width: 1024px; + margin: auto; + gap: 10px; +} + +footer::before { + filter: brightness(0.8); +} \ No newline at end of file diff --git a/styles.css b/styles/global.css similarity index 52% rename from styles.css rename to styles/global.css index 5e9da18..4616d26 100644 --- a/styles.css +++ b/styles/global.css @@ -18,6 +18,8 @@ --grad: linear-gradient(45deg, #F008, #00F8); --shadow: 0px 10px 50px 0 #0008; + + --width: 1024px; } .light { --color: var(--light) } @@ -28,11 +30,38 @@ .blue { --color: var(--blue) } .white { --color: white } -.flex-space, .flex { flex-grow: 1 } +.flex-space, .flex, br { flex-grow: 1 } .space { flex: 1000 } /*----------------------------------------------------------------------------*/ html { - background: var(--dark); -} \ No newline at end of file + background-color: var(--dark); +} + +/*----------------------------------------------------------------------------*/ + +.back { + position: relative; + padding: 10px 20px; + width: min(100vw, 1024px); + box-sizing: border-box; +} + +.back::before { + background: var(--color); + width: 100vw; + height: 100%; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + content: ""; + z-index: -1; +} + +.dark-back::before { + filter: brightness(0.8); +} + +/*----------------------------------------------------------------------------*/ \ No newline at end of file diff --git a/styles/header.css b/styles/header.css new file mode 100644 index 0000000..d813256 --- /dev/null +++ b/styles/header.css @@ -0,0 +1,13 @@ +header { + position: sticky !important; + top: 0; + z-index: 10000; + + display: flex; + gap: 40px; + font-size: 25px; + font-family: "Open Sans"; + font-weight: bolder; + color: var(--dark); + align-items: center; +} \ No newline at end of file diff --git a/resume/index.css b/styles/resume.css similarity index 100% rename from resume/index.css rename to styles/resume.css