jekyll-dewey-decimal 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +4 -1
  3. data/README.md +1 -1
  4. data/_config.yml +3 -2
  5. data/_includes/header.html +27 -25
  6. data/_includes/post-list.html +3 -3
  7. data/_layouts/default.html +7 -8
  8. data/_layouts/home.html +6 -6
  9. data/_posts/2023-10-12-file-1.md +1 -1
  10. data/_posts/2023-10-13-file-2.md +2 -2
  11. data/_site/2023/10/12/file-1.html +54 -35
  12. data/_site/2023/10/13/file-2.html +55 -36
  13. data/_site/README.md +1 -1
  14. data/_site/about.html +53 -34
  15. data/_site/assets/css/styles.css +151 -0
  16. data/_site/assets/img/profile.png +0 -0
  17. data/_site/contact.html +53 -34
  18. data/_site/index.html +64 -44
  19. data/_site/jekyll-dewey-decimal-0.1.2.gem +0 -0
  20. data/_site/jekyll-dewey-decimal.gemspec +1 -1
  21. data/_site/resume.html +53 -34
  22. data/assets/css/styles.css +151 -0
  23. data/assets/img/profile.png +0 -0
  24. data/jekyll-dewey-decimal-0.1.2.gem +0 -0
  25. data/jekyll-dewey-decimal.gemspec +1 -1
  26. data/resume.md +1 -3
  27. metadata +12 -13
  28. data/_site/assets/styles.css +0 -127
  29. data/_site/jekyll-dewey-decimal-0.1.0.gem +0 -0
  30. data/_site/profile.png +0 -0
  31. data/assets/styles.css +0 -127
  32. data/jekyll-dewey-decimal-0.1.0.gem +0 -0
  33. data/jekyll-dewey-decimal-0.1.1.gem +0 -0
  34. data/profile.png +0 -0
  35. /data/_site/assets/{syntax.css → css/syntax.css} +0 -0
  36. /data/_site/{screenshot.png → assets/img/screenshot.png} +0 -0
  37. /data/assets/{syntax.css → css/syntax.css} +0 -0
  38. /data/{screenshot.png → assets/img/screenshot.png} +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 58ed1b24029ad19ed1752489927dd3d94ddd6bb572297453556f355564bf6f72
4
- data.tar.gz: a1d5dd50d2ee3ecabb94b595e1eaa5401d656ab3d278ac7705266bbec8e00dc7
3
+ metadata.gz: 610d46a0287e4371fba7aa19199060d58680152fc1671e98c4c8f4934c4d7ac8
4
+ data.tar.gz: 1139c48b834d83bd48d0fa8f1680e01bc6fcbc862181cd92936b6b1a902fdefe
5
5
  SHA512:
6
- metadata.gz: 12be3f2791eb87a19fa868c6c87660ab3bc86bfb8677f7bf6db999e1dc4ea9044bba97094a8d9a435877bae8d66bad748723d44308a7da77ca87756b0d8a6286
7
- data.tar.gz: 96a7c9b9aa6666a872bc197ab730fdd735749cd9237cd4d10b45a72af0001c500b1ee980cd595ee9e6a256570c71b836819fc64182b7de8fc9a34ec67c9b4536
6
+ metadata.gz: d4568998fcb734071d2fe046855b8cecb065f87bd64c6a6faf3b7d9094bf165af13ba6d83a25dd0e3a617cdb79b42f78f47b433f680de117bbd700ec4cb3bede
7
+ data.tar.gz: cdacc2b06e6e20b23a4f415940a3d013bb5792bc32f5ccab307250c89272b701afb0ec21c0df71a4cc2f312e7849e82cad4ea6490fdabd006d81a234d30837aa
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- jekyll-dewey-decimal (0.1.1)
4
+ jekyll-dewey-decimal (0.1.3)
5
5
  jekyll (~> 4.3)
6
6
 
7
7
  GEM
@@ -37,6 +37,7 @@ GEM
37
37
  safe_yaml (~> 1.0)
38
38
  terminal-table (>= 1.8, < 4.0)
39
39
  webrick (~> 1.7)
40
+ jekyll-postcss (0.5.0)
40
41
  jekyll-sass-converter (3.0.0)
41
42
  sass-embedded (~> 1.54)
42
43
  jekyll-watch (2.2.1)
@@ -71,7 +72,9 @@ PLATFORMS
71
72
 
72
73
  DEPENDENCIES
73
74
  jekyll-dewey-decimal!
75
+ jekyll-postcss
74
76
  rouge (~> 4.2)
77
+ webrick
75
78
 
76
79
  BUNDLED WITH
77
80
  2.3.26
data/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  📖 A content-first, minimal personal weblog and portfolio.
4
4
 
5
- ![Screenshot](https://raw.githubusercontent.com/djarty24/jekyll-dewey-decimal/master/screenshot.png)
5
+ ![Screenshot](https://raw.githubusercontent.com/djarty24/jekyll-dewey-decimal/master/assets/img/screenshot.png)
6
6
 
7
7
  ## Contents
8
8
  - [Installation](#installation)
data/_config.yml CHANGED
@@ -1,13 +1,14 @@
1
1
  title: SITE_TITLE
2
2
  description: SITE_DESCRIPTION
3
+ copyright_year: YEAR
4
+
3
5
  author:
4
6
  name: AUTHOR_NAME
5
7
  email: EMAIL@EXAMPLE.COM
6
8
  github: GITHUB_PAGE_URL
7
- copyright_year: YEAR
9
+ website: YOUR_WEBSITE.COM
8
10
 
9
11
  markdown: kramdown
10
-
11
12
  kramdown:
12
13
  input: GFM
13
14
  syntax_highlighter: rouge
data/_includes/header.html CHANGED
@@ -1,27 +1,29 @@
1
- <!-- <div class="header-container">
2
- <nav>
3
- <div class="nav-left">
4
- <ul>
5
- <li><a href="{{ '/' | relative_url }}">{{ site.title }}</a></li>
6
- </ul>
7
- </div>
8
- <div class="nav-right">
9
- <ul>
10
- <li><a href="{{ '/about' | relative_url }}">About</a></li>
11
- <li><a href="/resume.pdf" target="_blank">Resumé</a></li>
12
- <li><a href="{{ '/contact' | relative_url }}">Contact</a></li>
13
- </ul>
14
- </div>
15
- </nav>
16
- </div> -->
17
-
18
- <div class="header-container">
19
- <ul class="nav-left">
1
+ <nav class="--font-size-scale-small">
2
+ <ul>
20
3
  <li><a href="{{ '/' | relative_url }}">{{ site.title }}</a></li>
21
4
  </ul>
22
- <ul class="nav-right">
23
- <li><a href="/about.html" style="padding-left: 20px;">About</a></li>
24
- <li><a href="/resume.html" style="padding-left: 20px;">Resumé</a></li>
25
- <li><a href="/contact.html" style="padding-left: 20px;">Contact</a></li>
26
- </ul>
27
- </div>
5
+ <div class="nav-left">
6
+ <ul>
7
+ <li><a href="#" class="toggle-button" id="toggle" onclick="changeClass()">
8
+ <span class="bar"></span>
9
+ <span class="bar"></span>
10
+ <span class="bar"></span>
11
+ </a></li>
12
+ </ul>
13
+ <ul class="nav-links" id="nlinks">
14
+ <li><a href="/about.html" style="padding-left: 20px;">About</a></li>
15
+ <li><a href="/resume.html" style="padding-left: 20px;">Resumé</a></li>
16
+ <li><a href="/contact.html" style="padding-left: 20px;">Contact</a></li>
17
+ </ul>
18
+ </div>
19
+ </nav>
20
+
21
+ <script>
22
+ function changeClass() {
23
+ if (document.getElementById('nlinks').className === "nav-links"){
24
+ document.getElementById('nlinks').className = "nav-links-responsive";
25
+ } else if (document.getElementById('nlinks').className === "nav-links-responsive"){
26
+ document.getElementById('nlinks').className = "nav-links";
27
+ }
28
+ }
29
+ </script>
data/_includes/post-list.html CHANGED
@@ -1,10 +1,10 @@
1
1
  <div class="post-list-container">
2
- <h2>Blog posts</h2>
2
+ <h2 class="--font-size-scale-small">Blog posts</h2>
3
3
  <ul class="posts-list">
4
4
  {% for post in site.posts %}
5
5
  <li>
6
- <span class="post-date" style="color: #696969;">{{ post.date | date_to_string }} »</span>
7
- <a href="{{ post.url }}" class="caption" title="🔖 {{ post.tags | array_to_sentence_string }}">{{post.title}}</a>
6
+ <span class="post-date --font-size-scale-small" style="color: #696969;">{{ post.date | date_to_string }} »</span>
7
+ <a class="--font-size-scale-small" href="{{ post.url }}" class="caption" title="🔖 {{ post.tags | array_to_sentence_string }}">{{post.title}}</a>
8
8
  </li>
9
9
  {% endfor %}
10
10
  </ul>
data/_layouts/default.html CHANGED
@@ -5,20 +5,19 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <link rel="preconnect" href="https://fonts.googleapis.com">
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link rel="stylesheet" href="/assets/css/styles.css">
9
+ <link rel="stylesheet" href="/assets/css/syntax.css">
8
10
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
9
- <link rel="stylesheet" href="/assets/styles.css">
10
- <link rel="stylesheet" href="/assets/syntax.css">
11
- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
12
11
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
13
12
  <title>{{ site.title }}</title>
14
13
  </head>
15
14
  <body>
16
15
  <div class="container">
17
- <div class="main-container">
18
- {% include header.html %}
19
- {{ content }}
20
- {% include footer.html %}
16
+ {% include header.html %}
17
+ <div class="content">
18
+ {{ content }}
21
19
  </div>
20
+ {% include footer.html %}
22
21
  </div>
23
22
  </body>
24
- </html>
23
+ </html>
data/_layouts/home.html CHANGED
@@ -1,11 +1,11 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div class="profile-container">
5
- <h2>{{ site.author.name }}</h2>
6
- <img src="/profile.png" alt="">
7
- <h3>Welcome to my space on<br>the Internet.</h3>
4
+ <div class="profile">
5
+ <h2 class="--font-size-scale-small" style="font-weight: 600;">{{ site.author.name }}</h2>
6
+ <img src="/assets/img/profile.png" alt="">
7
+ <h3 class="--font-size-scale-small" style="font-style: italic; font-weight: 400;">Welcome to my space on<br>the internet.</h3>
8
8
  </div>
9
- <div class="posts-container">
9
+ <div class="posts">
10
10
  {% include post-list.html %}
11
- </div>
11
+ </div>
data/_posts/2023-10-12-file-1.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  layout: post
3
- title: "Example Post 1: Welcome to my space on the Internet!"
3
+ title: "Markdown Testing"
4
4
  date: 2023-10-12 12:32:50 -0700
5
5
  tags: [book, review, ux, design]
6
6
 
data/_posts/2023-10-13-file-2.md CHANGED
@@ -1,13 +1,13 @@
1
1
  ---
2
2
  layout: post
3
- title: "Example Post 2: The extraordinarily, ordinary life of myself."
3
+ title: "Learning a language by reading novels"
4
4
  date: 2023-10-13 12:32:50 -0700
5
5
  tags: [book, ux]
6
6
 
7
7
  ---
8
8
  Add your content here!
9
9
 
10
- # Testing out formats
10
+ ## Testing out formats
11
11
  This should be _italic_ and this should be **bold**. This should be ***both***!
12
12
 
13
13
  # Testing out some latex:
data/_site/2023/10/12/file-1.html CHANGED
@@ -5,47 +5,66 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <link rel="preconnect" href="https://fonts.googleapis.com">
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link rel="stylesheet" href="/assets/css/styles.css">
9
+ <link rel="stylesheet" href="/assets/css/syntax.css">
8
10
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
9
- <link rel="stylesheet" href="/assets/styles.css">
10
- <link rel="stylesheet" href="/assets/syntax.css">
11
- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
12
11
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
13
12
  <title>SITE_TITLE</title>
14
13
  </head>
15
14
  <body>
16
15
  <div class="container">
17
- <div class="main-container">
18
- <!-- <div class="header-container">
19
- <nav>
20
- <div class="nav-left">
21
- <ul>
22
- <li><a href="/">SITE_TITLE</a></li>
23
- </ul>
24
- </div>
25
- <div class="nav-right">
26
- <ul>
27
- <li><a href="/about">About</a></li>
28
- <li><a href="/resume.pdf" target="_blank">Resumé</a></li>
29
- <li><a href="/contact">Contact</a></li>
30
- </ul>
31
- </div>
32
- </nav>
33
- </div> -->
34
-
35
- <div class="header-container">
36
- <ul class="nav-left">
16
+ <nav class="--font-size-scale-small">
17
+ <ul>
37
18
  <li><a href="/">SITE_TITLE</a></li>
38
19
  </ul>
39
- <ul class="nav-right">
40
- <li><a href="/about" style="padding-left: 20px;">About</a></li>
41
- <li><a href="/resume" style="padding-left: 20px;">Resumé</a></li>
42
- <li><a href="/contact" style="padding-left: 20px;">Contact</a></li>
43
- </ul>
44
- </div>
45
- <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
20
+ <div class="nav-left">
21
+ <ul>
22
+ <li><a href="#" class="toggle-button" id="toggle" onclick="changeClass()">
23
+ <span class="bar"></span>
24
+ <span class="bar"></span>
25
+ <span class="bar"></span>
26
+ </a></li>
27
+ </ul>
28
+ <ul class="nav-links" id="nlinks">
29
+ <li><a href="/about.html" style="padding-left: 20px;">About</a></li>
30
+ <li><a href="/resume.html" style="padding-left: 20px;">Resumé</a></li>
31
+ <li><a href="/contact.html" style="padding-left: 20px;">Contact</a></li>
32
+ </ul>
33
+ </div>
34
+ </nav>
35
+
36
+ <script>
37
+
38
+ function changeClass() {
39
+ if (document.getElementById('nlinks').className === "nav-links"){
40
+ document.getElementById('nlinks').className = "nav-links-responsive";
41
+ } else if (document.getElementById('nlinks').className === "nav-links-responsive"){
42
+ document.getElementById('nlinks').className = "nav-links";
43
+ }
44
+ }
45
+
46
+ /*function changeClassName() {
47
+ if (x.className === "nav-links"){
48
+ x.className = "nav-links-responsive"
49
+ } else {
50
+ x.className = "nav-links";
51
+ }
52
+ }*/
53
+
54
+ /*function myFunction() {
55
+ var x = document.getElementById("toggle");
56
+ if (x.className === "toggle-button") {
57
+ x.className == "nav-links-responsive";
58
+ } else {
59
+ x.className = "toggle-button";
60
+ }
61
+ }*/
62
+ </script>
63
+ <div class="content">
64
+ <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
46
65
  <article class="post-wrapper">
47
66
  <section class="post-content">
48
- <h1>Example Post 1: Welcome to my space on the Internet!</h1>
67
+ <h1>Markdown Testing</h1>
49
68
 
50
69
  <p class="meta" style="color: #696969;"><span style="font-style: italic;">12 Oct 2023</span> | AUTHOR_NAME</p>
51
70
 
@@ -74,13 +93,13 @@
74
93
  <p>« <a href="/" class="post-back" title="main-page">Back</a></p>
75
94
  </div>
76
95
  </article>
77
- <footer class="footer">
96
+ </div>
97
+ <footer class="footer">
78
98
  <p class="copyright">
79
99
  &copy; YEAR.
80
- Made with ♡ by <a href="" class="hard-anchor" title="mailto">AUTHOR_NAME</a> All rights reserved.
100
+ Made with ♡ by <a href="GITHUB_PAGE_URL" class="hard-anchor" target="_blank">AUTHOR_NAME</a> All rights reserved.
81
101
  </p>
82
102
  </footer>
83
- </div>
84
103
  </div>
85
104
  </body>
86
- </html>
105
+ </html>
data/_site/2023/10/13/file-2.html CHANGED
@@ -5,53 +5,72 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <link rel="preconnect" href="https://fonts.googleapis.com">
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link rel="stylesheet" href="/assets/css/styles.css">
9
+ <link rel="stylesheet" href="/assets/css/syntax.css">
8
10
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
9
- <link rel="stylesheet" href="/assets/styles.css">
10
- <link rel="stylesheet" href="/assets/syntax.css">
11
- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
12
11
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
13
12
  <title>SITE_TITLE</title>
14
13
  </head>
15
14
  <body>
16
15
  <div class="container">
17
- <div class="main-container">
18
- <!-- <div class="header-container">
19
- <nav>
20
- <div class="nav-left">
21
- <ul>
22
- <li><a href="/">SITE_TITLE</a></li>
23
- </ul>
24
- </div>
25
- <div class="nav-right">
26
- <ul>
27
- <li><a href="/about">About</a></li>
28
- <li><a href="/resume.pdf" target="_blank">Resumé</a></li>
29
- <li><a href="/contact">Contact</a></li>
30
- </ul>
31
- </div>
32
- </nav>
33
- </div> -->
34
-
35
- <div class="header-container">
36
- <ul class="nav-left">
16
+ <nav class="--font-size-scale-small">
17
+ <ul>
37
18
  <li><a href="/">SITE_TITLE</a></li>
38
19
  </ul>
39
- <ul class="nav-right">
40
- <li><a href="/about" style="padding-left: 20px;">About</a></li>
41
- <li><a href="/resume" style="padding-left: 20px;">Resumé</a></li>
42
- <li><a href="/contact" style="padding-left: 20px;">Contact</a></li>
43
- </ul>
44
- </div>
45
- <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
20
+ <div class="nav-left">
21
+ <ul>
22
+ <li><a href="#" class="toggle-button" id="toggle" onclick="changeClass()">
23
+ <span class="bar"></span>
24
+ <span class="bar"></span>
25
+ <span class="bar"></span>
26
+ </a></li>
27
+ </ul>
28
+ <ul class="nav-links" id="nlinks">
29
+ <li><a href="/about.html" style="padding-left: 20px;">About</a></li>
30
+ <li><a href="/resume.html" style="padding-left: 20px;">Resumé</a></li>
31
+ <li><a href="/contact.html" style="padding-left: 20px;">Contact</a></li>
32
+ </ul>
33
+ </div>
34
+ </nav>
35
+
36
+ <script>
37
+
38
+ function changeClass() {
39
+ if (document.getElementById('nlinks').className === "nav-links"){
40
+ document.getElementById('nlinks').className = "nav-links-responsive";
41
+ } else if (document.getElementById('nlinks').className === "nav-links-responsive"){
42
+ document.getElementById('nlinks').className = "nav-links";
43
+ }
44
+ }
45
+
46
+ /*function changeClassName() {
47
+ if (x.className === "nav-links"){
48
+ x.className = "nav-links-responsive"
49
+ } else {
50
+ x.className = "nav-links";
51
+ }
52
+ }*/
53
+
54
+ /*function myFunction() {
55
+ var x = document.getElementById("toggle");
56
+ if (x.className === "toggle-button") {
57
+ x.className == "nav-links-responsive";
58
+ } else {
59
+ x.className = "toggle-button";
60
+ }
61
+ }*/
62
+ </script>
63
+ <div class="content">
64
+ <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
46
65
  <article class="post-wrapper">
47
66
  <section class="post-content">
48
- <h1>Example Post 2: The extraordinarily, ordinary life of myself.</h1>
67
+ <h1>Learning a language by reading novels</h1>
49
68
 
50
69
  <p class="meta" style="color: #696969;"><span style="font-style: italic;">13 Oct 2023</span> | AUTHOR_NAME</p>
51
70
 
52
71
  <p>Add your content here!</p>
53
72
 
54
- <h1 id="testing-out-formats">Testing out formats</h1>
73
+ <h2 id="testing-out-formats">Testing out formats</h2>
55
74
  <p>This should be <em>italic</em> and this should be <strong>bold</strong>. This should be <strong><em>both</em></strong>!</p>
56
75
 
57
76
  <h1 id="testing-out-some-latex">Testing out some latex:</h1>
@@ -87,13 +106,13 @@
87
106
  <p>« <a href="/" class="post-back" title="main-page">Back</a></p>
88
107
  </div>
89
108
  </article>
90
- <footer class="footer">
109
+ </div>
110
+ <footer class="footer">
91
111
  <p class="copyright">
92
112
  &copy; YEAR.
93
- Made with ♡ by <a href="" class="hard-anchor" title="mailto">AUTHOR_NAME</a> All rights reserved.
113
+ Made with ♡ by <a href="GITHUB_PAGE_URL" class="hard-anchor" target="_blank">AUTHOR_NAME</a> All rights reserved.
94
114
  </p>
95
115
  </footer>
96
- </div>
97
116
  </div>
98
117
  </body>
99
- </html>
118
+ </html>
data/_site/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  📖 A content-first, minimal personal weblog and portfolio.
4
4
 
5
- ![Screenshot](https://raw.githubusercontent.com/djarty24/jekyll-dewey-decimal/master/screenshot.png)
5
+ ![Screenshot](https://raw.githubusercontent.com/djarty24/jekyll-dewey-decimal/master/assets/img/screenshot.png)
6
6
 
7
7
  ## Contents
8
8
  - [Installation](#installation)
data/_site/about.html CHANGED
@@ -5,53 +5,72 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <link rel="preconnect" href="https://fonts.googleapis.com">
7
7
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link rel="stylesheet" href="/assets/css/styles.css">
9
+ <link rel="stylesheet" href="/assets/css/syntax.css">
8
10
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
9
- <link rel="stylesheet" href="/assets/styles.css">
10
- <link rel="stylesheet" href="/assets/syntax.css">
11
- <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,700&family=Inconsolata:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
12
11
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
13
12
  <title>SITE_TITLE</title>
14
13
  </head>
15
14
  <body>
16
15
  <div class="container">
17
- <div class="main-container">
18
- <!-- <div class="header-container">
19
- <nav>
20
- <div class="nav-left">
21
- <ul>
22
- <li><a href="/">SITE_TITLE</a></li>
23
- </ul>
24
- </div>
25
- <div class="nav-right">
26
- <ul>
27
- <li><a href="/about">About</a></li>
28
- <li><a href="/resume.pdf" target="_blank">Resumé</a></li>
29
- <li><a href="/contact">Contact</a></li>
30
- </ul>
31
- </div>
32
- </nav>
33
- </div> -->
34
-
35
- <div class="header-container">
36
- <ul class="nav-left">
16
+ <nav class="--font-size-scale-small">
17
+ <ul>
37
18
  <li><a href="/">SITE_TITLE</a></li>
38
19
  </ul>
39
- <ul class="nav-right">
40
- <li><a href="/about" style="padding-left: 20px;">About</a></li>
41
- <li><a href="/resume" style="padding-left: 20px;">Resumé</a></li>
42
- <li><a href="/contact" style="padding-left: 20px;">Contact</a></li>
43
- </ul>
44
- </div>
45
-
20
+ <div class="nav-left">
21
+ <ul>
22
+ <li><a href="#" class="toggle-button" id="toggle" onclick="changeClass()">
23
+ <span class="bar"></span>
24
+ <span class="bar"></span>
25
+ <span class="bar"></span>
26
+ </a></li>
27
+ </ul>
28
+ <ul class="nav-links" id="nlinks">
29
+ <li><a href="/about.html" style="padding-left: 20px;">About</a></li>
30
+ <li><a href="/resume.html" style="padding-left: 20px;">Resumé</a></li>
31
+ <li><a href="/contact.html" style="padding-left: 20px;">Contact</a></li>
32
+ </ul>
33
+ </div>
34
+ </nav>
35
+
36
+ <script>
37
+
38
+ function changeClass() {
39
+ if (document.getElementById('nlinks').className === "nav-links"){
40
+ document.getElementById('nlinks').className = "nav-links-responsive";
41
+ } else if (document.getElementById('nlinks').className === "nav-links-responsive"){
42
+ document.getElementById('nlinks').className = "nav-links";
43
+ }
44
+ }
46
45
 
46
+ /*function changeClassName() {
47
+ if (x.className === "nav-links"){
48
+ x.className = "nav-links-responsive"
49
+ } else {
50
+ x.className = "nav-links";
51
+ }
52
+ }*/
47
53
 
48
- <footer class="footer">
54
+ /*function myFunction() {
55
+ var x = document.getElementById("toggle");
56
+ if (x.className === "toggle-button") {
57
+ x.className == "nav-links-responsive";
58
+ } else {
59
+ x.className = "toggle-button";
60
+ }
61
+ }*/
62
+ </script>
63
+ <div class="content">
64
+
65
+
66
+
67
+ </div>
68
+ <footer class="footer">
49
69
  <p class="copyright">
50
70
  &copy; YEAR.
51
- Made with ♡ by <a href="" class="hard-anchor" title="mailto">AUTHOR_NAME</a> All rights reserved.
71
+ Made with ♡ by <a href="GITHUB_PAGE_URL" class="hard-anchor" target="_blank">AUTHOR_NAME</a> All rights reserved.
52
72
  </p>
53
73
  </footer>
54
- </div>
55
74
  </div>
56
75
  </body>
57
- </html>
76
+ </html>