-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (150 loc) · 9.81 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Cyreal Open-Source Foundry</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#two">Resources</a></li>
<li><a href="#three">Contact</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style2 fullscreen fade-up">
<div class="inner">
<div style="color: white;">
<svg width="200px" height="100%" viewBox="0 0 2749 1474" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill:rgb(168, 168, 168);fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-10200.4,-829.628)">
<g transform="matrix(1,0,0,1,9921.27,210.692)">
<g transform="matrix(1.21383,0,0,1.21383,-343.454,-119.813)">
<g transform="matrix(4.16667,0,0,4.16667,1112.43,1513.33)">
<path d="M0,-127.547C1.998,-58.611 2.664,-20.98 -8.659,-20.98C-25.976,-20.98 -22.645,-110.563 -22.645,-119.888L-54.949,-127.547C-55.462,-116.43 -58.17,-83.97 -54.504,-55.02C-61.361,-37.994 -70.95,-20.98 -82.589,-20.98C-97.908,-20.98 -104.902,-51.951 -105.568,-87.584C-106.234,-126.548 -98.907,-170.84 -85.254,-184.494C-78.926,-173.837 -74.264,-132.875 -74.264,-124.883C-37.631,-129.545 -43.626,-201.811 -83.588,-201.811C-118.223,-201.811 -144.864,-143.532 -143.865,-88.916C-143.199,-45.624 -127.214,-3.33 -88.917,-3.33C-69.266,-3.33 -57.645,-17.963 -50.314,-33.975C-45.14,-16.294 -35.867,-3.33 -19.648,-3.33C-4.662,-3.33 3.33,-12.654 7.66,-22.645C5.328,0.999 -0.999,43.959 -15.652,61.942C-23.645,48.289 -29.306,28.64 -32.303,7.66C-42.96,6.661 -51.951,19.982 -51.951,36.633C-51.951,53.95 -41.295,70.934 -21.979,73.931C-20.314,74.264 -18.649,74.264 -16.651,74.264C39.63,74.264 37.298,-63.607 33.302,-119.888L0,-127.547Z"/>
</g>
<g transform="matrix(4.16667,0,0,4.16667,2169.77,684.927)">
<path d="M0,176.835C-5.328,176.835 -8.326,162.515 -8.326,145.531C-8.326,120.221 -1.665,88.584 13.654,88.584C16.984,88.584 20.647,89.583 24.311,91.914L24.7,90.92C18.729,159.464 4.209,176.835 0,176.835M-91.581,138.204C-91.248,118.223 -82.922,93.913 -73.931,82.923C-67.567,90.241 -64.246,140.425 -90.108,152.141C-91.271,146.734 -91.685,141.629 -91.581,138.204M-79.925,61.942C-78.483,65.189 -76.941,68.141 -75.303,70.959C-77.607,71.043 -79.826,71.338 -81.959,71.826L-85.254,61.942L-79.925,61.942ZM116.891,9.325C126.857,41.716 117.889,93.038 92.168,116.44C93.783,79.965 103.014,36.174 116.891,9.325M106.234,176.835C97.119,176.835 92.142,155.195 91.922,129.337C126.764,114.33 145.864,66.834 145.864,31.97C145.864,2.998 134.541,-7.659 118.889,-7.659C86.586,-7.659 63.607,62.942 63.607,120.887C63.607,133.499 64.703,145.479 67.039,155.972C63.342,169.296 59.145,176.835 54.949,176.835C49.287,176.835 46.29,167.51 46.29,153.523C46.29,131.877 51.285,98.908 56.281,75.929L26.309,66.938C26.051,72.204 25.748,77.23 25.404,82.03C19.921,76.317 10.639,71.6 2.664,71.6C-22.312,71.6 -36.965,109.565 -36.965,143.533C-36.965,143.925 -36.963,144.317 -36.959,144.709C-42.217,160.132 -55.3,177.501 -68.936,177.501C-78.119,177.501 -83.914,170.118 -87.343,161.43C-57.913,155.716 -42.627,129.928 -42.627,106.234C-42.627,87.284 -51.914,72.53 -70.77,71.057C-72.471,67.792 -74.33,64.09 -75.596,61.276C-43.959,56.281 -34.301,14.653 -23.978,-5.328L-18.649,-10.989L-24.311,-10.989L-23.312,-18.316L-29.972,-15.985C-31.97,-17.65 -35.3,-17.983 -38.631,-17.983C-46.956,-17.983 -54.949,-12.321 -57.613,-2.331C-62.608,2.665 -94.911,8.659 -126.881,13.654C-138.204,13.654 -159.85,9.325 -173.504,9.325C-176.169,9.325 -176.502,10.99 -174.503,12.655C-165.512,20.648 -144.198,19.649 -138.204,25.31C-124.55,40.962 -107.899,57.613 -90.249,61.276C-89.163,64.805 -87.635,69.438 -85.484,72.835C-108.003,80.566 -119.979,110.58 -120.554,137.871C-121.22,168.176 -106.9,195.151 -80.591,195.151C-56.076,195.151 -41.584,176.51 -34.771,165.151C-31.06,181.917 -22.499,194.485 -7.993,194.485C9.325,194.485 17.317,177.168 21.646,164.846C24.311,183.828 35.3,194.485 47.289,194.485C59.301,194.485 67.451,185.41 72.625,173.084C78.708,186.247 88.056,194.485 101.239,194.485C131.211,194.485 139.203,149.86 144.531,115.892L134.541,113.894C124.883,157.52 114.893,176.835 106.234,176.835"/>
</g>
<g transform="matrix(4.16667,0,0,4.16667,1433.53,1288.61)">
<path d="M0,-27.142L-0.47,-65.955L-32.441,-73.614C-28.111,-44.641 -25.447,5.645 -27.112,46.274L-0.137,53.267C0.718,-9.154 12.307,-28.396 24.816,-50.81C22.469,-31.062 22.617,-4.935 45.487,-3.347C46.486,-33.652 52.147,-53.633 56.809,-69.285C27.715,-80.409 10.105,-55.132 0,-27.142""/>
</g>
</g>
</g>
</g>
</svg></div>
<h3>Open-Source Foundry</h3>
<p>Our website is currently being maintained. Meanwhile here are some links to our font collection.</p>
<ul class="actions">
<li><a href="#two" class="button scrolly">Resources</a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 fade-up">
<div class="inner">
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Cyreal on Github</h3>
<p><a href="https://github.com/cyrealtype">https://github.com/cyrealtype</p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Cyreal on GoogleFonts</h3>
<p><a href="https://fonts.google.com/share?selection.family=Amethysta|Artifika|Aubrey|Baumans|Bonbon|Didact+Gothic|Federant|Federo|Iceberg|Iceland|Jacques+Francois+Shadow|Marko+One|Mulish:ital,wght@0,200..1000;1,200..1000|Nunito:ital,wght@0,200..1000;1,200..1000|Rubik:ital,wght@0,300..900;1,300..900|Sirin+Stencil|Sumana:wght@400;700|Volkhov:ital,wght@0,400;0,700;1,400;1,700|Wire+One|Yanone+Kaffeesatz:[email protected]">https://fonts.google.com/</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<h3>Telegram Channel</h3>
<p><a href="https://t.me/@cyrealtype/">https://t.me/@cyrealtype/</a></p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Open-Source License FAQ</h3>
<p><a href="https://openfontlicense.org">https://openfontlicense.org/</a></p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Fonts in Use</h3>
<p><a href="https://fontsinuse.com/foundry/1352/cyreal">https://fontsinuse.com/</a></p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3>Alexei Vanyashin</h3>
<p><a href="https://alexeiva.netlify.app/">https://alexeiva.netlify.app/</p>
</section>
</div>
<ul class="actions">
<li><a href="#three" class="button">Contact us</a></li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style2 fade-up">
<div class="inner">
<h2>Contact</h2>
<p>Requests and project inquiries are welcome</p>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span>Georgia, Tbilisi city, Vake district, Nutsubidze slope, IV micro/district, building 21</span>
</li>
<li>
<h3>Email</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<!-- <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
-->
<li><a href="https://instagram/cyrealtype/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/cyrealtype/" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://t.me/cyrealtype/" class="icon brands fa-telegram"><span class="label">Telegram</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Cyreal. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>