-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (192 loc) · 9.02 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
192
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, minimum-scale=1">
<meta name="author" content="Torbjorn Ludvigsen">
<meta name="keywords" content="torbjorn ludvigsen, art, Hangprinter, ceramics, software, hardware, developer, Reprap">
<meta name="description" content="Torbjørn's webpage">
<meta property="og:type" content="website">
<meta property="og:title" content="Torbjorn Ludvigsen">
<meta property="og:url" content="https://torbjornludvigsen.com">
<link rel="canonical" href="https://torbjornludvigsen.com">
<meta property="og:description" content="Full-Time Reprapper">
<meta property="og:image" content="https://torbjornludvigsen.com/media/torbjornludvigsen.JPG">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@tobbelobb">
<meta name="twitter:creator" content="@tobbelobb">
<link rel="preload" href="/fonts/OpenSansRegular.woff" as="font" type="font/woff" crossorigin="anonymous">
<link rel="stylesheet" href="/styles/common_style.css" type="text/css">
<link rel="stylesheet" href="/styles/frontpage_style.css" type="text/css">
<link rel="apple-touch-icon" sizes="180x180" href="/media/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/media/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/media/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f6be92">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#52286a">
<link rel="mask-icon" href="/media/safari-pinned-tab.svg" color="#f6be92">
<meta name="msapplication-TileColor" content="#f6be92">
<title>Torbjørn Ludvigsen</title>
</head>
<body>
<div class="sticky">
<nav>
<ul>
<li class="navbar-left">
<a href="/">Torbjørn</a>
</li>
<li>
<a href="/shop">
Shop
</a>
</li>
<li class="navbar-right">
<div class="my-dropdown" data-dropdown>
<button class="link" data-dropdown-toggle>Menu</button>
<div class="my-dropdown-menu" data-dropdown-menu>
<div class="dropdown-inside-slideout">
<a href="/shop" data-dropdown-toggle>
Shop
</a>
<button class="link mini-shop-toggle" data-mini-shop-toggle>
>
</button>
<div class="mini-shop" data-mini-shop>
<a href="/shop/Cups" data-dropdown-toggle>
Cups
</a>
<a href="/shop/Disaster_under_Water" data-dropdown-toggle>
Disaster under Water
</a>
<a href="/shop/Corals" data-dropdown-toggle>
Corals
</a>
<a href="/shop/Heart_of_the_Ocean" data-dropdown-toggle>
Heart of the Ocean
</a>
</div>
</div>
<a href="/blog" data-dropdown-toggle>
Blog
</a>
<a href="/pages/about" data-dropdown-toggle>
About
</a>
<a href="/pages/donate" data-dropdown-toggle>
Donate
</a>
<button
class="link dark-mode-toggle"
id="dark-mode-toggle"
aria-label="toggle dark mode"
value="Toggle dark mode">
Light/Dark
</button>
</div>
</div>
</li>
</ul>
</nav>
</div>
<script src="/js/darkmode.js"></script>
<main>
<a href="/shop">
<div class="img_wrapper">
<h1 class="complement_clr">Art. Hangprinter.</h1>
<h1>Art. Hangprinter.</h1>
<picture loading="eager">
<source srcset="media/coral_being_printed_colorfix_small.avif" type="image/avif">
<img src="media/coral_being_printed_colorfix_small.jpg" width="500" height="664" alt="Sculpture being printed">
</picture>
</div>
</a>
<h3>
Welcome
</h3>
<p>
I'm tobben, the inventor of Hangprinter and maintainer of it's open source community.
This is the web page of my little Hangprinter company.
<!--More community related and technical documentation can be found at <a href="https://hangprinter.org">hangprinter.org</a>.-->
</p>
<div class="img_wrapper">
<h2 id="video1play">Play</h2>
<h2 id="video1play2" class="complement_clr">Play</h2>
<video autoplay muted id="video1" onClick="playPause()">
<source src="media/Coral_close2.mp4" type="video/mp4" />
</video>
</div>
<p>
Hangprinter is a cable driven machine used in additive manufacturing.
Notice in the video above, there is no frame. Not in the foreground, nor in the background.
Hangprinter uses anchors and software instead of a rigid frame.
Here's how a 6m tall Hangprinter looks from a distance:
</p>
<picture>
<source srcset="media/jimmys_38.avif" type="image/avif">
<img src="media/jimmys_38.jpg" width="450" height="374" alt="A six meters tall Hangprinter">
</picture>
<h3>
Reach Out
</h3>
<p>
The Hangprinter Community and technical docs live at <a href="https://hangprinter.org">hangprinter.org</a>.
I'm often available in the open forums for free chat and questions.
</p>
<p>
To reach my personal inbox with business inquiries please use the form below.
</p>
<picture>
<source srcset="media/in_good_company_3_small.avif" type="image/avif">
<img src="media/in_good_company_3_small.jpeg" width="500" height="375" alt="Torbjørn and helpers">
</picture>
<form novalidate action="https://formsubmit.co/3871a9a653cecb14ffddb40f44ffcc42" method="POST" id="reachout">
<label for="email" class="form-label">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email" required>
<input type="hidden" name="_next" value="https://torbjornludvigsen.com/pages/thankyou">
<input type="hidden" name="_subject" value="Torbjørn Ludvigsen contact form">
<label for="comment">Message:</label>
<textarea class="form-control" rows="5" id="comment" name="text"></textarea>
<button class="btn btn-primary">Submit</button>
</form>
<!-- Footer -->
<p>Torbjørn Ludvigsen<br />
Varholmsgatan 7<br />
41474 Gothenburg<br />
Sweden</p>
<p>Vat nr. SE890715449901<br />
Org nr. 198907154499</p>
<div class="links-container">
<a href="https://discord.gg/KAV7x3hgRX"><img style="width:36px;min-width:36px;" src="/media/discord-icon-3.svg" alt="Discord icon"/></a>
<a href="https://twitter.com/tobbelobb" rel="me" style="filter: invert(48%) sepia(46%) saturate(2040%) hue-rotate(177deg) brightness(101%) contrast(90%);"><img style="min-width:35px;" src="/media/twitter.svg" alt="Twitter icon" /></a>
<a href="https://github.com/tobbelobb/" rel="me" style="color:black"><img style="min-width:35px;" id="github" src="/media/github.svg" alt="Github icon" /></a>
<a href="https://gitlab.com/tobben" rel="me"><img style="min-width:35px;" src="/media/gitlab-icon-rgb-small.svg" alt="Gitlab icon" /></a>
<a href="https://www.youtube.com/channel/UCw1Nz0VCw4z-dfq4WjSkFzQ" rel="me"><img style="min-width:35px;" src="/media/youtube.svg" alt="Youtube icon" /></a>
<a href="https://www.instagram.com/torbjorn.ludvigsen/" rel="me"><img style="min-width:31px;" src="/media/instagram.svg" alt="Instagram icon" /></a>
</div>
<div class="h-card" style="display: none">
<a class="u-url" rel="me" href="https://www.torbjornludvigsen.com">torbjornludvigsen.com</a>
<span class="p-name" rel="me">Torbjørn Ludvigsen</span>
<span class="p-nickname">tobben</span>
<img class="u-photo" src="https://torbjornludvigsen.com/media/torbjornludvigsen_small.JPG" alt="Torbjørn Ludvigsen" />
<span class="p-locality">Gothenburg</span>
</div>
</main>
<script src="/js/cart.js"></script>
<script src="/js/lib.js"></script>
<script src="/js/frontpage_script.js"></script>
<script src="/js/swipe_menu.js"></script>
<script data-goatcounter="https://torbjornludvigsen.goatcounter.com/count" async="true" src="//gc.zgo.at/count.js"></script>
<!-- Google wants lots of video meta info for SEO. See https://developers.google.com/search/docs/appearance/structured-data/video -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Hangprinter 3d-printing a coral shape in porcelain",
"uploadDate": "2022-05-01",
"duration": "PT15S",
"description": "Hangprinter 3d-printing a coral shape in porcelain",
"contentUrl": "https://torbjornludvigsen.com/media/Coral_close2.mp4"
}
</script>
</body>
</html>