-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (169 loc) · 5.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<title>Jens Tschirpig | Home</title>
<meta
content="width=device-width, initial-scale=1, shrink-to-fit=no"
name="viewport"
/>
<base href="/" target="_blank" />
<link href="site.webmanifest" rel="manifest" />
<link href="icon.png" rel="apple-touch-icon" />
<link
href="vendor/bootstrap-4.3.1/css/bootstrap.min.css"
rel="stylesheet"
/>
<link href="vendor/prism-1.24.1/prism.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<script>
// Replace the `no-js` class with the `js` class
(function (htmlElement) {
htmlElement.classList.remove("no-js");
htmlElement.classList.add("js");
})(document.documentElement);
</script>
<script data-manual defer src="vendor/prism-1.24.1/prism.js"></script>
<script defer src="js/main.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="/" target="_self"> Jens Tschirpig </a>
</div>
</nav>
</header>
<main class="container">
<section class="row justify-content-center my-5 text-center">
<div class="col-auto">
<img
alt="Portrait of Jens"
class="rounded-circle img-fluid mb-4 img-thumbnail"
src="img/jens_profile@1x.jpg"
srcset="
img/jens_profile@1x.jpg 1x,
img/jens_profile@2x.jpg 2x,
img/jens_profile@3x.jpg 3x
"
/>
</div>
<div class="w-100"></div>
<div class="col-sm-10 col-md-8 col-lg-10">
<h1 class="text-uppercase">Hi, I'm Jens</h1>
<p>
I'm a web developer by day and a autodidact by night. I have a
passion for good code and simple design. I take my time doing things
right the first time around and I cannot leave something half-done.
</p>
</div>
</section>
<hr />
<section class="mb-5 py-3">
<h2 class="text-center">My Projects</h2>
<p>
These are projects that I work on during my spare time. They are
mostly created to fulfil a personal need or because I want to learn
more about a particular technology.
</p>
<div class="no-js-d-none">
<p class="mb-4">My featured projects are shown below:</p>
<div
class="alert alert-danger"
hidden
id="pinned-repos-errors"
role="alert"
>
<!-- Add any repo-related errors here -->
</div>
<div class="row text-left" id="my-pinned-repos">
<!-- Gist cards go here -->
</div>
</div>
<!-- Template used for each pinned repository -->
<template id="repo-card-template">
<div class="col-lg-6 mb-4">
<div class="card h-100 card--async card--loading">
<div class="card-body">
<h3 class="card-title">
<a class="card-title__link" href="#">
<!-- Repo name and link -->
</a>
</h3>
<div class="card-text">
<p class="card-text__description">
<!-- Repo description -->
</p>
<!-- Repo language -->
<img
alt="Repository language"
class="card-text__language"
src=""
/>
</div>
</div>
</div>
</div>
</template>
<p class="text-center">
⸻ View all my projects on
<a href="https://github.com/jens1101?tab=repositories">GitHub</a>
⸻
</p>
</section>
<section class="mb-5 py-3">
<h2 class="text-center">My Gists</h2>
<p>
These are small code snippets I create whenever I finally figured out
a solution to a problem, I learned something new, or I find myself
repeatedly writing the same script.
</p>
<div class="no-js-d-none">
<p class="mb-4">My most recent gists are shown below:</p>
<div class="alert alert-danger" hidden id="gists-errors" role="alert">
<!-- Add any gist-related errors here -->
</div>
<div class="row text-left" id="my-gists">
<!-- Gist cards go here -->
</div>
</div>
<!-- Template used for each Gist -->
<template id="gist-card-template">
<div class="col-lg-6 mb-4">
<div class="card h-100 card--async card--loading">
<div class="card-img-top">
<pre class="m-0 card-img-top__code">
<!-- Gist preview -->
</pre>
</div>
<div class="card-body">
<h3 class="card-title">
<!-- Gist name -->
</h3>
<p class="card-text">
<!-- Gist description -->
</p>
<a class="btn btn-primary card-link" href="#">
View on GitHub
</a>
</div>
</div>
</div>
</template>
<p class="text-center">
⸻ View all my gists on
<a href="https://gist.github.com/jens1101">GitHub Gist</a> ⸻
</p>
</section>
</main>
<footer class="bg-light py-3">
<div class="container">
<div class="row">
<small class="col">
All rights reserved © 2021 Jens Tschirpig
</small>
</div>
</div>
</footer>
</body>
</html>