-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
139 lines (138 loc) · 8.22 KB
/
Copy pathindex.html
File metadata and controls
139 lines (138 loc) · 8.22 KB
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
<!DOCTYPE html>
<html lang="en" v-scope="App()" :data-theme="theme">
<head>
<meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="favicon.svg"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Overview of Gridonic Open Source Projects">
<title>Gridonic Open Source Projects</title>
<link href="//cloud.typenetwork.com/projects/1412/fontface.css/" rel="stylesheet" type="text/css">
</head>
<body>
<header class="site-header">
<nav class="content site-container">
<div class="brand">
<a class="logo" href="https://gridonic.ch" target="_blank">
gridonic-logo
<svg height="50" width="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" data-gdl-animation="">
<defs>
<mask id="gdl-mask">
<circle cx="400" cy="400" r="400" fill="#FFFFFF"></circle>
<g id="gdl-body-group" fill="none" stroke="#000000" stroke-width="42" style="opacity: 1;">
<path id="gdl-body"
d="M399.215 361.497 474.413 286.642 400.215 213.25 325.223 287.642 474.413 436.715 312.44 598.762"
style="stroke-dashoffset: 1512.24; stroke-dasharray: 756.119, 756.119, 756.119;"></path>
<path id="gdl-armleft" d="M398.491268,507.491268 L312,421"
style="stroke-dashoffset: 244.634; stroke-dasharray: 122.317, 122.317, 122.317;"></path>
<path id="gdl-legright" d="M488.491268,598.491268 L402,512"
style="stroke-dashoffset: 244.634; stroke-dasharray: 122.317, 122.317, 122.317;"></path>
<path id="gdl-handleft" d="M312.467716,421.69433 L237,347"
style="stroke-dashoffset: 212.364; stroke-dasharray: 106.182, 169.891, 42.4728;"></path>
<path id="gdl-handright" d="M487.94171,422.927366 L563.721672,347.147404"
style="stroke-dashoffset: 214.338; stroke-dasharray: 107.169, 171.47, 42.8676;"></path>
</g>
</mask>
</defs>
<circle mask="url(#gdl-mask)" fill="currentColor" cx="400" cy="400" r="400"></circle>
</svg>
</a>
</div>
<div class="icons">
<a class="github" href="https://github.com/gridonic/" target="_blank">
github-link
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
class="iconify iconify--mdi" width="32" height="32" preserveAspectRatio="xMidYMid meet"
viewBox="0 0 24 24">
<path fill="currentColor"
d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"></path>
</svg>
</a>
<div class="theme" @click="changeTheme()">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
class="iconify iconify--fa6-solid" width="32" height="32" preserveAspectRatio="xMidYMid meet"
viewBox="0 0 512 512">
<path fill="currentColor"
d="m200 376l-49.23-16.41c-7.289-2.434-7.289-12.75 0-15.18L200 328l16.41-49.23c2.434-7.289 12.75-7.289 15.18 0L248 328l49.23 16.41c7.289 2.434 7.289 12.75 0 15.18L248 376l-8 40h208l-86.38-201.6c-6.22-14.4-6.82-30.6-1.82-45.5L416 0L228.4 107.3c-23.6 13.5-43.3 34.1-53.4 59.1L64 416h144l-8-40zm31.2-203.6L256 160l12.42-24.84c1.477-2.949 5.68-2.949 7.156 0L288 160l24.84 12.42c2.949 1.477 2.949 5.68 0 7.156L288 192l-12.42 24.84c-1.477 2.949-5.68 2.949-7.156 0L256 192l-24.8-12.4c-3-1.5-3-5.7 0-7.2zM496 448H16c-8.836 0-16 7.2-16 16c0 26.5 21.49 48 48 48h416c26.51 0 48-21.49 48-48c0-8.8-7.2-16-16-16z"></path>
</svg>
</div>
</div>
</nav>
</header>
<main class="site-main">
<section class="site-container">
<div class="site-hero">
<div class="content">
<svg class="logo" height="50" width="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"
data-gdl-animation="">
<defs>
<mask id="gdl-mask">
<circle cx="400" cy="400" r="400" fill="#FFFFFF"></circle>
<g id="gdl-body-group" fill="none" stroke="#000000" stroke-width="42" style="opacity: 1;">
<path id="gdl-body"
d="M399.215 361.497 474.413 286.642 400.215 213.25 325.223 287.642 474.413 436.715 312.44 598.762"
style="stroke-dashoffset: 1512.24; stroke-dasharray: 756.119, 756.119, 756.119;"></path>
<path id="gdl-armleft" d="M398.491268,507.491268 L312,421"
style="stroke-dashoffset: 244.634; stroke-dasharray: 122.317, 122.317, 122.317;"></path>
<path id="gdl-legright" d="M488.491268,598.491268 L402,512"
style="stroke-dashoffset: 244.634; stroke-dasharray: 122.317, 122.317, 122.317;"></path>
<path id="gdl-handleft" d="M312.467716,421.69433 L237,347"
style="stroke-dashoffset: 212.364; stroke-dasharray: 106.182, 169.891, 42.4728;"></path>
<path id="gdl-handright" d="M487.94171,422.927366 L563.721672,347.147404"
style="stroke-dashoffset: 214.338; stroke-dasharray: 107.169, 171.47, 42.8676;"></path>
</g>
</mask>
</defs>
<circle mask="url(#gdl-mask)" fill="currentColor" cx="400" cy="400" r="400"></circle>
</svg>
<h1 class="title">Gridonic<br>Open Source Projects</h1>
</div>
</div>
</section>
<section class="site-container" v-scope="{ items: 1 }">
<div class="card-container">
<a
class="card-item"
href="https://gridonic.github.io/data-visualization/"
target="_blank"
>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
role="img" class="iconify iconify--ph" width="100" height="100" preserveAspectRatio="xMidYMid meet"
viewBox="0 0 256 256">
<path fill="currentColor"
d="M228 208a4 4 0 0 1-4 4H32a4 4 0 0 1-4-4V48a4 4 0 0 1 8 0v103.2L93.4 101a3.9 3.9 0 0 1 5-.2l61.4 46.1L221.4 93a4 4 0 0 1 5.2 6l-64 56a3.9 3.9 0 0 1-5 .2l-61.4-46.1L36 161.8V204h188a4 4 0 0 1 4 4Z"></path>
</svg>
</div>
<h2 class="title">@gridonic/data-visualization</h2>
<p class="description">This project is a guide for creating reactive SVG visualizations with Vue & D3.</p>
</a>
<a
class="card-item"
href="https://gridonic.github.io/threejs-vue-poc-example/"
target="_blank"
>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32">
<path fill="currentColor"
d="M28 23v3.586l-5-5V15a1 1 0 0 0-.553-.894L17 11.381V5.828l2.586 2.586L21 7l-5-5l-5 5l1.414 1.414L15 5.828v5.554l-5.447 2.723A1 1 0 0 0 9 15v6.586l-5 5V23H2v7h7v-2H5.414l4.783-4.783l5.356 2.678a1.001 1.001 0 0 0 .894 0l5.356-2.678L26.586 28H23v2h7v-7Zm-13 .382l-4-2v-4.764l4 2Zm1-6.5L12.236 15L16 13.118L19.764 15Zm5 4.5l-4 2v-4.764l4-2Z"/>
</svg>
</div>
<h2 class="title">@gridonic/threejs-vue-poc-example</h2>
<p class="description">threejs & vite & typescript</p>
</a>
</div>
</section>
</main>
<footer class="site-footer">
<nav class="content site-container">
<a href="https://gridonic.ch">gridonic.ch</a> ・
<a href="https://twitter.com/gridonic">@gridonic</a> ・
<a href="https://codepen.io/gridonic/">codepen.io/gridonic</a>
<br>
<a href="https://github.com/gridonic/gridonic.github.io/blob/master/LICENSE">{{ year }} Gridonic AG</a>
</nav>
</footer>
<script type="module" src="/main.js"></script>
</body>
</html>