🏡 index : old_projects/yaqubroli-proof-of-concept.git

Diff

 LICENSE.txt                                     | 21 +++++++++++++++++++++
 README.md                                       | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 feed.xml                                        | 17 +++++++++++++++++
 index.html                                      | 38 ++++++++++++++++++++++++++++++++++++++
 yaqubroli-theme.gemspec                         | 16 ++++++++++++++++
 assets/quasicarousel.png                        |  0 
 assets/css/styles.css                           | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 assets/css/styles.css.map                       | 16 ++++++++++++++++
 assets/fonts/AppleGaramond-Bold.ttf             |  0 
 assets/fonts/AppleGaramond-BoldItalic.ttf       |  0 
 assets/fonts/AppleGaramond-Italic.ttf           |  0 
 assets/fonts/AppleGaramond-Light.ttf            |  0 
 assets/fonts/AppleGaramond-LightItalic.ttf      |  0 
 assets/fonts/AppleGaramond.ttf                  |  0 
 assets/fonts/HKGrotesk-Black.otf                |  0 
 assets/fonts/HKGrotesk-Bold.otf                 |  0 
 assets/fonts/HKGrotesk-BoldItalic.otf           |  0 
 assets/fonts/HKGrotesk-BoldLegacy.otf           |  0 
 assets/fonts/HKGrotesk-BoldLegacyItalic.otf     |  0 
 assets/fonts/HKGrotesk-ExtraBold.otf            |  0 
 assets/fonts/HKGrotesk-Italic.otf               |  0 
 assets/fonts/HKGrotesk-LegacyItalic.otf         |  0 
 assets/fonts/HKGrotesk-Light.otf                |  0 
 assets/fonts/HKGrotesk-LightItalic.otf          |  0 
 assets/fonts/HKGrotesk-LightLegacy.otf          |  0 
 assets/fonts/HKGrotesk-LightLegacyItalic.otf    |  0 
 assets/fonts/HKGrotesk-Medium.otf               |  0 
 assets/fonts/HKGrotesk-MediumItalic.otf         |  0 
 assets/fonts/HKGrotesk-MediumLegacy.otf         |  0 
 assets/fonts/HKGrotesk-MediumLegacyItalic.otf   |  0 
 assets/fonts/HKGrotesk-Regular.otf              |  0 
 assets/fonts/HKGrotesk-RegularLegacy.otf        |  0 
 assets/fonts/HKGrotesk-SemiBold.otf             |  0 
 assets/fonts/HKGrotesk-SemiBoldItalic.otf       |  0 
 assets/fonts/HKGrotesk-SemiBoldLegacy.otf       |  0 
 assets/fonts/HKGrotesk-SemiBoldLegacyItalic.otf |  0 
 assets/fonts/HKGroteskWide-Black.otf            |  0 
 assets/fonts/HKGroteskWide-Bold.otf             |  0 
 assets/fonts/HKGroteskWide-ExtraBold.otf        |  0 
 assets/fonts/HKGroteskWide-Light.otf            |  0 
 assets/fonts/HKGroteskWide-Medium.otf           |  0 
 assets/fonts/HKGroteskWide-Regular.otf          |  0 
 assets/fonts/HKGroteskWide-SemiBold.otf         |  0 
 jekyll/update/2022/11/02/welcome-to-jekyll.html | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 44 files changed, 290 insertions(+)

diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..763e53e 100644
--- /dev/null
+++ a/LICENSE.txt
@@ -1,0 +1,21 @@
The MIT License (MIT)

Copyright (c) 2022 

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..af2f35f 100644
--- /dev/null
+++ a/README.md
@@ -1,0 +1,50 @@
# yaqubroli-theme

Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.

To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!

TODO: Delete this and the text above, and describe your gem

## Installation

Add this line to your Jekyll site's `Gemfile`:

```ruby

gem "yaqubroli-theme"
```


And add this line to your Jekyll site's `_config.yml`:

```yaml

theme: yaqubroli-theme
```


And then execute:

    $ bundle


Or install it yourself as:

    $ gem install yaqubroli-theme


## Usage

TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.

## Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/yaqubroli-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.

## Development

To set up your environment to develop this theme, run `bundle install`.

Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.

When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
To add a custom directory to your theme-gem, please edit the regexp in `yaqubroli-theme.gemspec` accordingly.

## License

The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
diff --git a/feed.xml b/feed.xml
new file mode 100644
index 0000000..bc437f7 100644
--- /dev/null
+++ a/feed.xml
@@ -1,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.1">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2022-11-04T21:37:24+00:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Jacob Walchuk</title><entry><title type="html">Initial commit.</title><link href="http://localhost:4000/jekyll/update/2022/11/02/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Initial commit." /><published>2022-11-02T15:38:58+00:00</published><updated>2022-11-02T15:38:58+00:00</updated><id>http://localhost:4000/jekyll/update/2022/11/02/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2022/11/02/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>Jekyll requires blog post files to be named according to the following format:</p>

<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>

<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>

<p>Jekyll also offers powerful support for code snippets:</p>

<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>

<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>]]></content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.]]></summary></entry></feed>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..34e22b3 100644
--- /dev/null
+++ a/index.html
@@ -1,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="assets/css/styles.css" rel="stylesheet" />
</head>
<body>
  <header>
  <hgroup>
    <ul id="languages">
      <li><a href=/>ENG</a></li>
      <li><a href=/zh.html>中文</a></li>
    </ul>
  </hgroup>
  <hgroup>
    <ul id="mainheader">
      <li class="headeritem"><a>HOME</a></li>
      <li>
        <h1><a href=/>Jacob Walchuk</a></h1>
      </li>
      <li class="headeritem">POSTS</li>
    </ul>
  </hgroup>
</header>

  <aside id=quasicarousel>
  <div>
    <h1>
      Initial commit.
    </h1><br />
    <a href=>READ</a>
  </div>
</aside>


</body>
</html>
diff --git a/yaqubroli-theme.gemspec b/yaqubroli-theme.gemspec
new file mode 100644
index 0000000..750d6bf 100644
--- /dev/null
+++ a/yaqubroli-theme.gemspec
@@ -1,0 +1,16 @@
# frozen_string_literal: true

Gem::Specification.new do |spec|
  spec.name          = "yaqubroli-theme"
  spec.version       = "0.1.0"
  spec.authors       = ["Jacob Walchuk"]
  spec.email         = ["walchuk2018@icloud.com"]

  spec.summary       = "Theme for Jacob Walchuk's personal website"
  spec.homepage      = "https://yaqubro.li"
  spec.license       = "MIT"

  spec.files         = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_data|_layouts|_includes|_sass|LICENSE|README|_config\.yml)!i) }

  spec.add_runtime_dependency "jekyll", "~> 4.3"
end
diff --git a/assets/quasicarousel.png b/assets/quasicarousel.png
new file mode 100644
index 0000000000000000000000000000000000000000..5580be1052348bd22f2b392a36adcbaeda7dc77b 100644
Binary files /dev/null and a/assets/quasicarousel.png differdiff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..73c7398 100644
--- /dev/null
+++ a/assets/css/styles.css
@@ -1,0 +1,83 @@
/* Apple Garamond */
@font-face { font-family: "Apple Garamond"; src: url("/assets/fonts/AppleGaramond.ttf"); }

@font-face { font-family: "Apple Garamond"; font-weight: lighter; src: url("/assets/fonts/AppleGaramond-Light.ttf"); }

@font-face { font-family: "Apple Garamond"; font-weight: bold; src: url("/assets/fonts/AppleGaramond-Bold.ttf"); }

@font-face { font-family: "Apple Garamond"; font-style: italic; src: url("/assets/fonts/AppleGaramond-Italic.ttf"); }

@font-face { font-family: "Apple Garamond"; font-weight: lighter; font-style: italic; src: url("/assets/fonts/AppleGaramond-LightItalic.ttf"); }

@font-face { font-family: "Apple Garamond"; font-weight: bold; font-style: italic; src: url("/assets/fonts/AppleGaramond-BoldItalic.ttf"); }

/* HK Grotesk */
@font-face { font-family: "HK Grotesk"; src: url("/assets/fonts/HKGrotesk-Regular.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: lighter; src: url("/assets/fonts/HKGrotesk-Light.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: medium; src: url("/assets/fonts/HKGrotesk-Medium.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: bold; src: url("/assets/fonts/HKGrotesk-Bold.otf"); }

@font-face { font-family: "HK Grotesk"; font-style: italic; src: url("/assets/fonts/HKGrotesk-Italic.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: lighter; font-style: italic; src: url("/assets/fonts/HKGrotesk-LightItalic.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: medium; src: url("/assets/fonts/HKGrotesk-Medium.otf"); }

@font-face { font-family: "HK Grotesk"; font-weight: bold; font-style: italic; src: url("/assets/fonts/HKGrotesk-BoldItalic.otf"); }

/* HK Grotesk Wide */
@font-face { font-family: "HK Grotesk Wide"; src: url("/assets/fonts/HKGroteskWide-Regular.otf"); }

@font-face { font-family: "HK Grotesk Wide"; font-weight: lighter; src: url("/assets/fonts/HKGroteskWide-Light.otf"); }

@font-face { font-family: "HK Grotesk Wide"; font-weight: bold; src: url("/assets/fonts/HKGroteskWide-Bold.otf"); }

@font-face { font-family: "HK Grotesk Wide"; font-weight: medium; src: url("/assets/fonts/HKGroteskWide-Medium.otf"); }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

* { margin: 0; padding: 0; box-sizing: border-box; }

html { /* background-color: #eee */ animation: fade-in 1s; }

body { max-width: 800px; margin: 20px auto; font-family: "HK Grotesk"; font-weight: medium; }

header { padding-bottom: 20px; }

header hgroup { width: 100%; display: flex; justify-content: space-around; }

header ul { list-style: none; display: flex; align-items: center; margin-right: auto; margin-left: auto; }

header li { display: inline; }

header h1 { display: inline; }

header #languages { background-color: #eee; padding: 5px; border-radius: 15px; }

header #languages > li { font-family: "HK Grotesk Wide"; font-size: 12px; padding: 5px; }

header #mainheader > li { font-family: "HK Grotesk Wide"; font-size: 18px; padding-left: 20px; padding-right: 20px; }

header #mainheader > li > h1 { display: block; font-family: "Apple Garamond"; font-size: 72px; font-weight: lighter; padding-bottom: 10px; }

header a { color: black; text-decoration: none; }

header a:hover { color: #e00; }

main a { color: black; }

main a:hover { color: #e00; }

main a:visited { color: black; }

#quasicarousel { display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url("/assets/quasicarousel.png"); background-position: center; background-size: cover; height: clamp(360px, 50vh, 600px); border-radius: 15px; text-align: center; }

#quasicarousel div h1 { color: white; display: block; font-family: "Apple Garamond"; font-weight: lighter; font-size: 78px; margin-top: auto; }

#quasicarousel div a { font-family: "HK Grotesk Wide"; font-size: 18px; padding: 5px 20px; background-color: white; border-radius: 15px; margin-top: auto; text-decoration: none; color: black; }

/*# sourceMappingURL=styles.css.map */
diff --git a/assets/css/styles.css.map b/assets/css/styles.css.map
new file mode 100644
index 0000000..32b0487 100644
--- /dev/null
+++ a/assets/css/styles.css.map
@@ -1,0 +1,16 @@
{
	"version": 3,
	"file": "styles.css",
	"sources": [
		"styles.sass",
		"_sass/fonts.scss",
		"_sass/styles.sass"
	],

	"sourcesContent": [
		"@import 'fonts.scss';\n@import 'styles.sass';\n",
		"/* Apple Garamond */\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  src: url('/assets/fonts/AppleGaramond.ttf');\n}\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  font-weight: lighter;\n  src: url('/assets/fonts/AppleGaramond-Light.ttf');\n}\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  font-weight: bold;\n  src: url('/assets/fonts/AppleGaramond-Bold.ttf');\n}\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  font-style: italic;\n  src: url('/assets/fonts/AppleGaramond-Italic.ttf');\n}\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  font-weight: lighter;\n  font-style: italic;\n  src: url('/assets/fonts/AppleGaramond-LightItalic.ttf');\n}\n\n@font-face {\n  font-family: \"Apple Garamond\";\n  font-weight: bold;\n  font-style: italic;\n  src: url('/assets/fonts/AppleGaramond-BoldItalic.ttf');\n}\n\n/* HK Grotesk */\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  src: url('/assets/fonts/HKGrotesk-Regular.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: lighter;\n  src: url('/assets/fonts/HKGrotesk-Light.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: medium;\n  src: url('/assets/fonts/HKGrotesk-Medium.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: bold;\n  src: url('/assets/fonts/HKGrotesk-Bold.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-style: italic;\n  src: url('/assets/fonts/HKGrotesk-Italic.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: lighter;\n  font-style: italic;\n  src: url('/assets/fonts/HKGrotesk-LightItalic.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: medium;\n  src: url('/assets/fonts/HKGrotesk-Medium.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk\";\n  font-weight: bold;\n  font-style: italic;\n  src: url('/assets/fonts/HKGrotesk-BoldItalic.otf');\n}\n/* HK Grotesk Wide */\n\n@font-face {\n  font-family: \"HK Grotesk Wide\";\n  src: url('/assets/fonts/HKGroteskWide-Regular.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk Wide\";\n  font-weight: lighter;\n  src: url('/assets/fonts/HKGroteskWide-Light.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk Wide\";\n  font-weight: bold;\n  src: url('/assets/fonts/HKGroteskWide-Bold.otf');\n}\n\n@font-face {\n  font-family: \"HK Grotesk Wide\";\n  font-weight: medium;\n  src: url('/assets/fonts/HKGroteskWide-Medium.otf');\n}\n",
		"$subversive-red: #e00;\n\n@keyframes fade-in {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box; }\n\nhtml {\n  /* background-color: #eee */\n  animation: fade-in 1s; }\n\nbody {\n  max-width: 800px;\n  margin: 20px auto;\n  font-family: \"HK Grotesk\";\n  font-weight: medium; }\n\n\nheader {\n  padding-bottom: 20px;\n  & hgroup {\n    width: 100%;\n    display: flex;\n    justify-content: space-around; }\n  & ul {\n    list-style: none;\n    display: flex;\n    align-items: center;\n    margin-right: auto;\n    margin-left: auto; }\n  & li {\n    display: inline; }\n  & h1 {\n    display: inline; }\n  & #languages {\n    background-color: #eee;\n    padding: 5px;\n    border-radius: 15px;\n    > li {\n      font-family: \"HK Grotesk Wide\";\n      font-size: 12px;\n      padding: 5px; } }\n  & #mainheader {\n    > li {\n      font-family: \"HK Grotesk Wide\";\n      font-size: 18px;\n      padding-left: 20px;\n      padding-right: 20px;\n      > h1 {\n        display: block;\n        font-family: \"Apple Garamond\";\n        font-size: 72px;\n        font-weight: lighter;\n        padding-bottom: 10px; } } }\n  & a {\n    color: black;\n    text-decoration: none;\n    &:hover {\n      color: $subversive-red; } } }\n\nmain {\n  & a {\n    color: black;\n    &:hover {\n      color: $subversive-red; }\n    &:visited {\n      color: black; } } }\n\n#quasicarousel {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-image: url('/assets/quasicarousel.png');\n  background-position: center;\n  background-size: cover;\n  height: clamp(360px, 50vh, 600px);\n  border-radius: 15px;\n  text-align: center;\n  div {\n    h1 {\n      color: white;\n      display: block;\n      font-family: \"Apple Garamond\";\n      font-weight: lighter;\n      font-size: 78px;\n      margin-top: auto; }\n    a {\n      font-family: \"HK Grotesk Wide\";\n      font-size: 18px;\n      padding: 5px 20px;\n      background-color: white;\n      border-radius: 15px;\n      margin-top: auto;\n      text-decoration: none;\n      color: black; } } }\n"
	],

	"names": [],
	"mappings": "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"
}
diff --git a/assets/fonts/AppleGaramond-Bold.ttf b/assets/fonts/AppleGaramond-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..bf121d73e7c48cc628142cfc43fd7d27a4753524 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond-Bold.ttf differdiff --git a/assets/fonts/AppleGaramond-BoldItalic.ttf b/assets/fonts/AppleGaramond-BoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..cbb6880da06fb61bccdb5855093f2337b9da1b53 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond-BoldItalic.ttf differdiff --git a/assets/fonts/AppleGaramond-Italic.ttf b/assets/fonts/AppleGaramond-Italic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b6844367dc934e8d94e04b608fbaae46c5637fca 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond-Italic.ttf differdiff --git a/assets/fonts/AppleGaramond-Light.ttf b/assets/fonts/AppleGaramond-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a4400267c09199f7d0853a45f85f236df74e4a6e 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond-Light.ttf differdiff --git a/assets/fonts/AppleGaramond-LightItalic.ttf b/assets/fonts/AppleGaramond-LightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9c27b60990a6ed107a5edb4a43b1231b76ca33cd 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond-LightItalic.ttf differdiff --git a/assets/fonts/AppleGaramond.ttf b/assets/fonts/AppleGaramond.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9681b1f45c2d349ce51305b00e48df8568bd724d 100644
Binary files /dev/null and a/assets/fonts/AppleGaramond.ttf differdiff --git a/assets/fonts/HKGrotesk-Black.otf b/assets/fonts/HKGrotesk-Black.otf
new file mode 100644
index 0000000000000000000000000000000000000000..1123a3768349b85a4719017deae2719cae027b8b 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Black.otf differdiff --git a/assets/fonts/HKGrotesk-Bold.otf b/assets/fonts/HKGrotesk-Bold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..2b608d00bb68e2714f07ee008a92cb3039343417 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Bold.otf differdiff --git a/assets/fonts/HKGrotesk-BoldItalic.otf b/assets/fonts/HKGrotesk-BoldItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..c533a49a3c9b2d692bc447711e63a5ebcb108482 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-BoldItalic.otf differdiff --git a/assets/fonts/HKGrotesk-BoldLegacy.otf b/assets/fonts/HKGrotesk-BoldLegacy.otf
new file mode 100644
index 0000000000000000000000000000000000000000..9cd7a882b879c1accb538797c546a0e5ab99d6f2 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-BoldLegacy.otf differdiff --git a/assets/fonts/HKGrotesk-BoldLegacyItalic.otf b/assets/fonts/HKGrotesk-BoldLegacyItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..c3daf0ee4fb7abbce5155a18efff8d15662eb117 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-BoldLegacyItalic.otf differdiff --git a/assets/fonts/HKGrotesk-ExtraBold.otf b/assets/fonts/HKGrotesk-ExtraBold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..d650d73b50d525fbfcddf651b1502736abb4131f 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-ExtraBold.otf differdiff --git a/assets/fonts/HKGrotesk-Italic.otf b/assets/fonts/HKGrotesk-Italic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..c3ee40ad3c9f1b252b4e1b2d022f673b57bd3038 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Italic.otf differdiff --git a/assets/fonts/HKGrotesk-LegacyItalic.otf b/assets/fonts/HKGrotesk-LegacyItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..e4564c87f236dcdee31bb3ac975bddebf172debf 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-LegacyItalic.otf differdiff --git a/assets/fonts/HKGrotesk-Light.otf b/assets/fonts/HKGrotesk-Light.otf
new file mode 100644
index 0000000000000000000000000000000000000000..4ec76945d1fd4e8c0aa48eb38f3a943099b2207d 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Light.otf differdiff --git a/assets/fonts/HKGrotesk-LightItalic.otf b/assets/fonts/HKGrotesk-LightItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..bf938f6ad8eac30a162731b0022afe82deab37ce 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-LightItalic.otf differdiff --git a/assets/fonts/HKGrotesk-LightLegacy.otf b/assets/fonts/HKGrotesk-LightLegacy.otf
new file mode 100644
index 0000000000000000000000000000000000000000..0f726af2d81b200fcfdf633b2844a55a686622d1 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-LightLegacy.otf differdiff --git a/assets/fonts/HKGrotesk-LightLegacyItalic.otf b/assets/fonts/HKGrotesk-LightLegacyItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..b273fa0b7fd5749ab5dc3e4db0003ef75647dd34 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-LightLegacyItalic.otf differdiff --git a/assets/fonts/HKGrotesk-Medium.otf b/assets/fonts/HKGrotesk-Medium.otf
new file mode 100644
index 0000000000000000000000000000000000000000..164ac759ce79ceffca813bd4a971a091157b6a3d 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Medium.otf differdiff --git a/assets/fonts/HKGrotesk-MediumItalic.otf b/assets/fonts/HKGrotesk-MediumItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..b4ed7f611fa8e5bf2e2f35a5d568059b0905043c 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-MediumItalic.otf differdiff --git a/assets/fonts/HKGrotesk-MediumLegacy.otf b/assets/fonts/HKGrotesk-MediumLegacy.otf
new file mode 100644
index 0000000000000000000000000000000000000000..469875c54766cb557d748c0f04cc27dd78df7f26 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-MediumLegacy.otf differdiff --git a/assets/fonts/HKGrotesk-MediumLegacyItalic.otf b/assets/fonts/HKGrotesk-MediumLegacyItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..70efa721dea9b9e15ccbf214ac555673422035df 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-MediumLegacyItalic.otf differdiff --git a/assets/fonts/HKGrotesk-Regular.otf b/assets/fonts/HKGrotesk-Regular.otf
new file mode 100644
index 0000000000000000000000000000000000000000..d526820c6294c703d5ef6c738a26b434c50794f1 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-Regular.otf differdiff --git a/assets/fonts/HKGrotesk-RegularLegacy.otf b/assets/fonts/HKGrotesk-RegularLegacy.otf
new file mode 100644
index 0000000000000000000000000000000000000000..c9997f78ebeb1add2943d8976618b66cc797743d 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-RegularLegacy.otf differdiff --git a/assets/fonts/HKGrotesk-SemiBold.otf b/assets/fonts/HKGrotesk-SemiBold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..7f63bac549aa19134af55749da88998c6968769a 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-SemiBold.otf differdiff --git a/assets/fonts/HKGrotesk-SemiBoldItalic.otf b/assets/fonts/HKGrotesk-SemiBoldItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..0c4ff6f9ee3a52d27ec01e3139bfc0233a58a227 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-SemiBoldItalic.otf differdiff --git a/assets/fonts/HKGrotesk-SemiBoldLegacy.otf b/assets/fonts/HKGrotesk-SemiBoldLegacy.otf
new file mode 100644
index 0000000000000000000000000000000000000000..9e76086e8e846666d84de13bb6aa27e5468afa69 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-SemiBoldLegacy.otf differdiff --git a/assets/fonts/HKGrotesk-SemiBoldLegacyItalic.otf b/assets/fonts/HKGrotesk-SemiBoldLegacyItalic.otf
new file mode 100644
index 0000000000000000000000000000000000000000..67c5827658e49bfd31f5acf3c3daabf5ce9d5c46 100644
Binary files /dev/null and a/assets/fonts/HKGrotesk-SemiBoldLegacyItalic.otf differdiff --git a/assets/fonts/HKGroteskWide-Black.otf b/assets/fonts/HKGroteskWide-Black.otf
new file mode 100644
index 0000000000000000000000000000000000000000..7192b5c025512d36d84e00ffffe2f7dbf02c5c6c 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-Black.otf differdiff --git a/assets/fonts/HKGroteskWide-Bold.otf b/assets/fonts/HKGroteskWide-Bold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..def440ea9bd47b3e23340f0e6dd2a912552cf30d 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-Bold.otf differdiff --git a/assets/fonts/HKGroteskWide-ExtraBold.otf b/assets/fonts/HKGroteskWide-ExtraBold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..21b7e68d056c7ca7c5c9cba565258f4403344d41 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-ExtraBold.otf differdiff --git a/assets/fonts/HKGroteskWide-Light.otf b/assets/fonts/HKGroteskWide-Light.otf
new file mode 100644
index 0000000000000000000000000000000000000000..30b09492198ddf4ff849e554d68187f4b822d452 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-Light.otf differdiff --git a/assets/fonts/HKGroteskWide-Medium.otf b/assets/fonts/HKGroteskWide-Medium.otf
new file mode 100644
index 0000000000000000000000000000000000000000..ca5eb7f1d2376cbd9b4fb31a17c713c2bbbaea13 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-Medium.otf differdiff --git a/assets/fonts/HKGroteskWide-Regular.otf b/assets/fonts/HKGroteskWide-Regular.otf
new file mode 100644
index 0000000000000000000000000000000000000000..66317b7629f3d50d59fc4b695302f260fbf82473 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-Regular.otf differdiff --git a/assets/fonts/HKGroteskWide-SemiBold.otf b/assets/fonts/HKGroteskWide-SemiBold.otf
new file mode 100644
index 0000000000000000000000000000000000000000..8a96f8caa67a95d8f3fbc8258275aa40c7b79ff5 100644
Binary files /dev/null and a/assets/fonts/HKGroteskWide-SemiBold.otf differdiff --git a/jekyll/update/2022/11/02/welcome-to-jekyll.html b/jekyll/update/2022/11/02/welcome-to-jekyll.html
new file mode 100644
index 0000000..6a3ac4a 100644
--- /dev/null
+++ a/jekyll/update/2022/11/02/welcome-to-jekyll.html
@@ -1,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="assets/css/styles.css" rel="stylesheet" />
</head>
<body>
  <header>
  <hgroup>
    <ul id="languages">
      <li><a href=/>ENG</a></li>
      <li><a href=/zh.html>中文</a></li>
    </ul>
  </hgroup>
  <hgroup>
    <ul id="mainheader">
      <li class="headeritem"><a>HOME</a></li>
      <li>
        <h1><a href=/>Jacob Walchuk</a></h1>
      </li>
      <li class="headeritem">POSTS</li>
    </ul>
  </hgroup>
</header>

  <p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>Jekyll requires blog post files to be named according to the following format:</p>

<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>

<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>

<p>Jekyll also offers powerful support for code snippets:</p>

<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>

<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>




</body>
</html>