DarkFolio 0.1.0

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.
data/_config.yml ADDED
@@ -0,0 +1,18 @@
1
+ title: Github User
2
+ author: Github User # Your name!
3
+ avatar: add/your/avatar/here ## Your Avatar, use the patch as if it were in "_layouts"
4
+ name_color: Red ##The color of your name
5
+ base_url: /
6
+ email: Your Email!
7
+
8
+ about: Add a blurb about you ## Details
9
+ description: >
10
+ Your amazing description!
11
+
12
+ projects:
13
+ - { name: "Project", repo: "Project Repo", image: "Project Image", website: "Website", package: "Package", details: "Description (You can use HTML elements)" }
14
+
15
+ social_links:
16
+ github: GitHub User
17
+
18
+ permalink: /:title/
@@ -0,0 +1,38 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1">
4
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>
5
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.min.js"></script>
6
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
7
+ <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
8
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
9
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
10
+ {% if site.baseurl %}
11
+ <link rel="stylesheet" href="/{{ site.baseurl }}/assets/main.css">
12
+ {% if page.layout == 404 %}
13
+ <script src="/{{ site.baseurl }}/assets/404.js" charset="utf-8"></script>
14
+ {% elsif page.layout == "index" %}
15
+ <script src="/{{ site.baseurl }}/assets/index.js" charset="utf-8"></script>
16
+ {% elsif page.layout == "projects" %}
17
+ <script src="/{{ site.baseurl }}/assets/projects.js" charset="utf-8"></script>
18
+ {% elsif page.layout == "blog" %}
19
+ <script src="/{{ site.baseurl }}/assets/blog.js" charset="utf-8"></script>
20
+ {% elsif page.layout == "post" %}
21
+ <script src="/{{ site.baseurl }}/assets/post.js" charset="utf-8"></script>
22
+ {% endif %}
23
+ {% else %}
24
+ <link rel="stylesheet" href="/assets/main.css">
25
+ {% if page.layout == 404 %}
26
+ <script src="/assets/404.js" charset="utf-8"></script>
27
+ {% elsif page.layout == "index" %}
28
+ <script src="/assets/index.js" charset="utf-8"></script>
29
+ {% elsif page.layout == "projects" %}
30
+ <script src="/assets/projects.js" charset="utf-8"></script>
31
+ {% elsif page.layout == "blog" %}
32
+ <script src="/assets/blog.js" charset="utf-8"></script>
33
+ {% elsif page.layout == "post" %}
34
+ <script src="/assets/post.js" charset="utf-8"></script>
35
+ {% endif %}
36
+ {% endif %}
37
+ <title>{{ page.title }} | {{ site.title }}</title>
38
+ </head>
data/_layouts/404.html ADDED
@@ -0,0 +1,41 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ {% include head.html %}
4
+ <body>
5
+ <p class="color" style="display: none">{{ site.name_color }}</p>
6
+ <header class="body-anim-start">
7
+ <div class="divheader d-flex flex-column min-vh-100 justify-content-center align-items-center">
8
+ <h1 class="text-light big-header"></h1>
9
+ <br>
10
+ <br>
11
+ <br>
12
+ <br>
13
+ <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
14
+ </div>
15
+ </header>
16
+ <div class="align-items-center pagebody" style="min-height: 50vh">
17
+ <div style="margin-top: 100px" class="d-flex flex-column align-items-center">
18
+ <img src="{{ site.avatar }}" width="150" height="150" class="shadow-lg rounded-circle">
19
+ <br>
20
+ {% if site.baseurl %}
21
+ <button type="button" onClick="location.href='/{{ site.baseurl }}'" class="btn btn-outline-dark">Go Home</button>
22
+ <br>
23
+ <button type="button" onClick="location.href='/{{ site.baseurl }}/projects'" class="btn btn-outline-dark">View my Projects</button>
24
+ <br>
25
+ <button type="button" onClick="location.href='/{{ site.baseurl }}/blog'" class="btn btn-outline-dark">View my Blog</button>
26
+ {% else %}
27
+ <button type="button" onClick="location.href='/'" class="btn btn-outline-dark">Go Home</button>
28
+ <br>
29
+ <button type="button" onClick="location.href='/projects'" class="btn btn-outline-dark">View my Projects</button>
30
+ <br>
31
+ <button type="button" onClick="location.href='/blog'" class="btn btn-outline-dark">View my Blog</button>
32
+ {% endif %}
33
+ </div>
34
+ </div>
35
+ <br>
36
+ <br>
37
+ <footer class="py-2 bg-dark text-center" style="z-index: 100">
38
+ <a href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
39
+ </footer>
40
+ </body>
41
+ </html>
@@ -0,0 +1,44 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ {% include head.html %}
4
+ <body>
5
+ <p class="author" style="display: none">{{ site.author }}</p>
6
+ <p class="color" style="display: none">{{ site.name_color }}</p>
7
+ <header class="body-anim-start">
8
+ <div class="divheader d-flex flex-column justify-content-center align-items-center" style="min-height: 100vh">
9
+ <h1 class="text-light big-header"></h1>
10
+ <br>
11
+ <br>
12
+ <br>
13
+ <br>
14
+ <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
15
+ </div>
16
+ </header>
17
+ <div class="post-list" style="overflow-y: hidden">
18
+ {% for post in site.posts %}
19
+ <div class="card" style="width: 18rem; cursor: pointer;" onclick="location.href='{% if site.baseurl %}/{{ site.baseurl }}{% endif %}/{{ post.url }}'">
20
+ {% if post.image %}
21
+ <img class="card-img-top" alt="{{ post.title }}" src="{{ post.image }}" height="300px"/>
22
+ {% else %}
23
+ <img class="card-img-top" alt="{{ post.title }}" width="auto" height="200px" src="https://upload.wikimedia.org/wikipedia/commons/e/e0/Clouds_over_the_Atlantic_Ocean.jpg" />
24
+ {% endif%}
25
+ <div class="card-body">
26
+ <h5 class="card-title">{{ post.title }}</h5>
27
+ <p class="card-text">{{ post.description }}</p>
28
+ <p class="card-text">Posted {{ post.date | date: "%b %-d, %Y" }}</p>
29
+ </div>
30
+ </div>
31
+ {% endfor %}
32
+ </div>
33
+ <br>
34
+ <br>
35
+ <footer class="py-2 bg-dark navbar" style="z-index: 100; padding-left: 10px; padding-right: 10px">
36
+ {% if site.baseurl %}
37
+ <a class="navbar-brand text-light justify-content-center align-items-center" href="/{{ site.baseurl }}" style="font-size: 30px; color: white">Go Home</a>
38
+ {% else %}
39
+ <a class="navbar-brand text-light justify-content-center align-items-center" href="/" style="font-size: 30px; color: white">Go Home</a>
40
+ {% endif %}
41
+ <a class="navbar-brand" href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
42
+ </footer>
43
+ </body>
44
+ </html>
@@ -0,0 +1,33 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ {% include head.html %}
4
+ <body>
5
+ <p class="author" style="display: none">{{ site.author }}</p>
6
+ <p class="color" style="display: none">{{ site.name_color }}</p>
7
+ <header class="body-anim-start">
8
+ <div class="divheader d-flex flex-column min-vh-100 justify-content-center align-items-center">
9
+ <h1 class="text-light big-header"></h1>
10
+ <br>
11
+ <br>
12
+ <br>
13
+ <br>
14
+ <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
15
+ </div>
16
+ </header>
17
+ <div class="align-items-center pagebody" style="min-height: 50vh">
18
+ <div style="margin-top: 100px" class="d-flex flex-column align-items-center">
19
+ <img src="{{ site.avatar }}" width="150" height="150" class="shadow-lg rounded-circle">
20
+ <br>
21
+ <p class="lead mb-5">{{ site.about }}</p>
22
+ <button type="button" onClick="location.href='{% if site.baseurl %}/{{ site.baseurl }}{% endif %}/projects'" class="btn btn-outline-dark">View my Projects</button>
23
+ <br>
24
+ <button type="button" onClick="location.href='{% if site.baseurl %}/{{ site.baseurl }}{% endif %}/blog'" class="btn btn-outline-dark">View my Blog</button>
25
+ </div>
26
+ </div>
27
+ <br>
28
+ <br>
29
+ <footer class="py-2 bg-dark text-center" style="z-index: 100">
30
+ <a href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
31
+ </footer>
32
+ </body>
33
+ </html>
@@ -0,0 +1,39 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ {% include head.html %}
4
+ <body>
5
+ <header class="body-anim-start">
6
+ <div class="divheader d-flex flex-column justify-content-center align-items-center" style="min-height: 50vh">
7
+ <h1 class="text-light big-header"></h1>
8
+ <br>
9
+ <br>
10
+ <br>
11
+ <br>
12
+ <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
13
+ </div>
14
+ </header>
15
+ <div class="align-items-center pagebody">
16
+ <div style="margin-top: 25px;" class="d-flex flex-column align-items-center min-vh-100">
17
+ {{ content }}
18
+ </div>
19
+ </div>
20
+ <footer class="bg-light text-center text-dark" style="padding-left: 10px; padding-right: 10px">
21
+ {% if page.author %}
22
+ <h3>Written by {{ page.author }} on {{ page.date | date: "%b %-d, %Y" }}</h3>
23
+ {% else %}
24
+ <h3>Written by anonymous on {{ page.date | date: "%b %-d, %Y" }}</h3>
25
+ {% endif %}
26
+ </footer>
27
+ <nav class="navbar navbar-light bg-dark" style="width: 100%; padding-left: 25px; position: fixed; bottom: 0%">
28
+ {% if site.baseurl %}
29
+ <a class="navbar-brand text-light" href="/{{ site.baseurl }}">Go Home</a>
30
+ <a href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
31
+ <a class="navbar-brand text-light" href="/{{ site.baseurl }}/blog">Back to blog</a>
32
+ {% else %}
33
+ <a class="navbar-brand text-light" href="/">Go Home</a>
34
+ <a href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
35
+ <a class="navbar-brand text-light" href="/blog">Back to blog</a>
36
+ {% endif %}
37
+ </nav>
38
+ </body>
39
+ </html>
@@ -0,0 +1,38 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ {% include head.html %}
4
+ <body style="overflow-y: hidden;">
5
+ <p class="author" style="display: none">{{ site.author }}</p>
6
+ <p class="color" style="display: none">{{ site.name_color }}</p>
7
+ <header class="body-anim-start">
8
+ <div class="bg-dark d-flex flex-column min-vh-100 justify-content-center align-items-center">
9
+ <h1 class="text-light big-header"></h1>
10
+ <br>
11
+ <br>
12
+ <br>
13
+ <br>
14
+ <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
15
+ </div>
16
+ </header>
17
+ <div style="overflow-y: hidden">
18
+ {% for project in site.projects %}
19
+ <div class="card mb-3">
20
+ <img class="card-img-top" alt="{{ project.name }}" src="{{ project.image }}" />
21
+ <div class="card-body">
22
+ <h5 class="card-title">{{ project.name }}</h5>
23
+ <p class="card-text">{{ project.details }}</p>
24
+ <p class="card-text"><small class="text-muted"><a href="{{ project.repo }}">Repo</a> {% if project.website %}| <a href="{{ project.website }}">Website</a> {% endif %} {% if project.package %}| <a href="{{ project.package }}">Package</a> {% endif %} </p>
25
+ </div>
26
+ </div>
27
+ {% endfor %}
28
+ </div>
29
+ <footer class="py-2 bg-dark navbar" style="z-index: 100; padding-left: 10px; padding-right: 10px">
30
+ {% if site.baseurl %}
31
+ <a class="navbar-brand text-light justify-content-center align-items-center" href="/{{ site.baseurl }}" style="font-size: 30px; color: white">Go Home</a>
32
+ {% else %}
33
+ <a class="navbar-brand text-light justify-content-center align-items-center" href="/" style="font-size: 30px; color: white">Go Home</a>
34
+ {% endif %}
35
+ <a class="navbar-brand" href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
36
+ </footer>
37
+ </body>
38
+ </html>
@@ -0,0 +1,7 @@
1
+ ---
2
+ layout: post
3
+ title: "Example Post"
4
+ description: "Add A Description"
5
+ ---
6
+
7
+ Put Your Post Here!
data/_sass/syntax.scss ADDED
@@ -0,0 +1,210 @@
1
+ .highlight table td { padding: 5px; }
2
+ .highlight table pre { margin: 0; }
3
+ .highlight .cm {
4
+ color: #999988;
5
+ font-style: italic;
6
+ }
7
+ .highlight .cp {
8
+ color: #999999;
9
+ font-weight: bold;
10
+ }
11
+ .highlight .c1 {
12
+ color: #999988;
13
+ font-style: italic;
14
+ }
15
+ .highlight .cs {
16
+ color: #999999;
17
+ font-weight: bold;
18
+ font-style: italic;
19
+ }
20
+ .highlight .c, .highlight .cd {
21
+ color: #999988;
22
+ font-style: italic;
23
+ }
24
+ .highlight .err {
25
+ color: #a61717;
26
+ background-color: #e3d2d2;
27
+ }
28
+ .highlight .gd {
29
+ color: #000000;
30
+ background-color: #ffdddd;
31
+ }
32
+ .highlight .ge {
33
+ color: #000000;
34
+ font-style: italic;
35
+ }
36
+ .highlight .gr {
37
+ color: #aa0000;
38
+ }
39
+ .highlight .gh {
40
+ color: #999999;
41
+ }
42
+ .highlight .gi {
43
+ color: #000000;
44
+ background-color: #ddffdd;
45
+ }
46
+ .highlight .go {
47
+ color: #888888;
48
+ }
49
+ .highlight .gp {
50
+ color: #555555;
51
+ }
52
+ .highlight .gs {
53
+ font-weight: bold;
54
+ }
55
+ .highlight .gu {
56
+ color: #aaaaaa;
57
+ }
58
+ .highlight .gt {
59
+ color: #aa0000;
60
+ }
61
+ .highlight .kc {
62
+ color: #000000;
63
+ font-weight: bold;
64
+ }
65
+ .highlight .kd {
66
+ color: #000000;
67
+ font-weight: bold;
68
+ }
69
+ .highlight .kn {
70
+ color: #000000;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kp {
74
+ color: #000000;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kr {
78
+ color: #000000;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kt {
82
+ color: #445588;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .k, .highlight .kv {
86
+ color: #000000;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .mf {
90
+ color: #009999;
91
+ }
92
+ .highlight .mh {
93
+ color: #009999;
94
+ }
95
+ .highlight .il {
96
+ color: #009999;
97
+ }
98
+ .highlight .mi {
99
+ color: #009999;
100
+ }
101
+ .highlight .mo {
102
+ color: #009999;
103
+ }
104
+ .highlight .m, .highlight .mb, .highlight .mx {
105
+ color: #009999;
106
+ }
107
+ .highlight .sb {
108
+ color: #d14;
109
+ }
110
+ .highlight .sc {
111
+ color: #d14;
112
+ }
113
+ .highlight .sd {
114
+ color: #d14;
115
+ }
116
+ .highlight .s2 {
117
+ color: #d14;
118
+ }
119
+ .highlight .se {
120
+ color: #d14;
121
+ }
122
+ .highlight .sh {
123
+ color: #d14;
124
+ }
125
+ .highlight .si {
126
+ color: #d14;
127
+ }
128
+ .highlight .sx {
129
+ color: #d14;
130
+ }
131
+ .highlight .sr {
132
+ color: #009926;
133
+ }
134
+ .highlight .s1 {
135
+ color: #d14;
136
+ }
137
+ .highlight .ss {
138
+ color: #990073;
139
+ }
140
+ .highlight .s {
141
+ color: #d14;
142
+ }
143
+ .highlight .na {
144
+ color: #008080;
145
+ }
146
+ .highlight .bp {
147
+ color: #999999;
148
+ }
149
+ .highlight .nb {
150
+ color: #0086B3;
151
+ }
152
+ .highlight .nc {
153
+ color: #445588;
154
+ font-weight: bold;
155
+ }
156
+ .highlight .no {
157
+ color: #008080;
158
+ }
159
+ .highlight .nd {
160
+ color: #3c5d5d;
161
+ font-weight: bold;
162
+ }
163
+ .highlight .ni {
164
+ color: #800080;
165
+ }
166
+ .highlight .ne {
167
+ color: #990000;
168
+ font-weight: bold;
169
+ }
170
+ .highlight .nf {
171
+ color: #990000;
172
+ font-weight: bold;
173
+ }
174
+ .highlight .nl {
175
+ color: #990000;
176
+ font-weight: bold;
177
+ }
178
+ .highlight .nn {
179
+ color: #555555;
180
+ }
181
+ .highlight .nt {
182
+ color: #000080;
183
+ }
184
+ .highlight .vc {
185
+ color: #008080;
186
+ }
187
+ .highlight .vg {
188
+ color: #008080;
189
+ }
190
+ .highlight .vi {
191
+ color: #008080;
192
+ }
193
+ .highlight .nv {
194
+ color: #008080;
195
+ }
196
+ .highlight .ow {
197
+ color: #000000;
198
+ font-weight: bold;
199
+ }
200
+ .highlight .o {
201
+ color: #000000;
202
+ font-weight: bold;
203
+ }
204
+ .highlight .w {
205
+ color: #bbbbbb;
206
+ }
207
+ .highlight {
208
+ background-color: #f8f8f8;
209
+ padding-right: 10px
210
+ }