-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
88 lines (75 loc) · 9.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ryoka Site</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<nav class="navbar py-2 darkly">
<div class="container">
<div class="navbar-brand">
<a class="is-size-5 has-text-white navbar-item has-text-weight-bold" href="/">
Ryoka
</a>
<div class="navbar-burger" data-target="navbarMenu">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item has-text-white" href="/about.html">About</a>
<a class="navbar-item has-text-white" href="https://medium.com/@ryoka">Blog</a>
<a class="navbar-item has-text-white" href="https://s.id/ryoka">Links</a>
<a class="navbar-item has-text-white" href="/contact.html">Contact</a>
</div>
</div>
</div>
</nav>
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container">
<div class="columns is-flex is-flex-direction-row is-justify-content-center is-align-items-center">
<div class="column is-6 has-text-centered">
<h1 class="title has-text-white">
Ryoka Site
</h1>
<h2 class="subtitle has-text-white is-size-6">
Personal Blog
</h2>
<span>
<a href="https://instagram.com/ryokavertikal/">
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="24" height="24"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M55.04,10.32c-24.65626,0 -44.72,20.06374 -44.72,44.72v61.92c0,24.65626 20.06374,44.72 44.72,44.72h61.92c24.65626,0 44.72,-20.06374 44.72,-44.72v-61.92c0,-24.65626 -20.06374,-44.72 -44.72,-44.72zM55.04,17.2h61.92c20.9375,0 37.84,16.9025 37.84,37.84v61.92c0,20.9375 -16.9025,37.84 -37.84,37.84h-61.92c-20.9375,0 -37.84,-16.9025 -37.84,-37.84v-61.92c0,-20.9375 16.9025,-37.84 37.84,-37.84zM127.28,37.84c-3.79972,0 -6.88,3.08028 -6.88,6.88c0,3.79972 3.08028,6.88 6.88,6.88c3.79972,0 6.88,-3.08028 6.88,-6.88c0,-3.79972 -3.08028,-6.88 -6.88,-6.88zM86,48.16c-20.85771,0 -37.84,16.98229 -37.84,37.84c0,20.85771 16.98229,37.84 37.84,37.84c20.85771,0 37.84,-16.98229 37.84,-37.84c0,-20.85771 -16.98229,-37.84 -37.84,-37.84zM86,55.04c17.13948,0 30.96,13.82052 30.96,30.96c0,17.13948 -13.82052,30.96 -30.96,30.96c-17.13948,0 -30.96,-13.82052 -30.96,-30.96c0,-17.13948 13.82052,-30.96 30.96,-30.96z"></path></g></g></svg>
</a>
<a href="https://twitter.com/ryokavertikal/">
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="24" height="24"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M117.64531,19.26266c-20.44464,0 -37.14797,16.71005 -37.14797,37.15469c0,1.32352 0.1011,2.5773 0.24859,3.81625c-25.21828,-2.39266 -47.86229,-15.28142 -63.31078,-33.88266c-0.67132,-0.80512 -1.67309,-1.26025 -2.72109,-1.23625c-1.20667,0.02748 -2.31069,0.6853 -2.90922,1.73344c-3.04083,5.32145 -4.92484,11.72815 -4.92484,18.55719c0,8.12936 2.81407,15.53447 7.30328,21.715c-0.85058,-0.34767 -1.83716,-0.29711 -2.66734,-0.71219c-1.06645,-0.53309 -2.33287,-0.47602 -3.34705,0.15083c-1.01418,0.62685 -1.63151,1.73409 -1.63154,2.92636v0.34937c0,12.73037 6.56129,23.58093 16.21906,30.36875c-0.17727,-0.02821 -0.34375,-0.02475 -0.51734,-0.05375c-1.19021,-0.19848 -2.3974,0.2411 -3.18131,1.15842c-0.78391,0.91732 -1.02995,2.17827 -0.64838,3.32299c3.99294,11.97883 13.76389,21.48808 26.05531,24.63094c-9.6749,5.66637 -20.78555,9.02328 -32.76734,9.02328c-2.752,0 -5.37946,-0.01687 -7.42422,-0.30906c-1.60571,-0.23286 -3.15584,0.68779 -3.71968,2.20918c-0.56383,1.52138 0.01191,3.2299 1.38155,4.09973c15.651,9.95973 33.87108,15.67485 53.79031,15.67485c32.08228,0 57.21074,-13.39677 74.09437,-32.55235c16.88364,-19.15557 25.66563,-43.97442 25.66563,-67.20765v-2.91594c6.22945,-4.80863 11.90969,-10.47302 16.29969,-17.22688c0.82945,-1.27708 0.72067,-2.94751 -0.26742,-4.10622c-0.98809,-1.15871 -2.62036,-1.53 -4.01243,-0.91268c-1.81631,0.80725 -3.91681,0.99359 -5.805,1.62594c2.39163,-3.22737 4.4566,-6.71374 5.66391,-10.50812c0.42793,-1.35302 -0.0188,-2.82996 -1.12488,-3.71898c-1.10608,-0.88903 -2.64453,-1.0077 -3.87387,-0.29883c-5.84564,3.38432 -12.3367,5.83004 -19.40375,7.49141c-6.71254,-6.23047 -15.54895,-10.36703 -25.31625,-10.36703zM117.64531,26.14266c8.64914,0 16.72076,3.73404 22.27265,9.59438c0.8288,0.87448 2.05468,1.25167 3.23172,0.99437c4.54543,-0.98814 8.83933,-2.38486 12.97391,-4.03797c-2.39366,3.1975 -5.26256,6.03988 -8.6,8.04234c-1.41469,0.8427 -2.03389,2.56969 -1.47695,4.1193c0.55694,1.54962 2.13385,2.48731 3.76132,2.23663c3.3935,-0.50902 6.50362,-1.86766 9.76906,-2.74797c-2.92845,3.13973 -6.09569,6.05526 -9.5675,8.61344c-0.88137,0.64713 -1.40263,1.6747 -1.40422,2.76813v4.47469c0,21.48677 -8.23526,44.82792 -23.94563,62.65235c-15.71036,17.82443 -38.75265,30.22765 -68.93437,30.22765c-13.94139,0 -26.89888,-2.97531 -38.67313,-8.37828c14.49816,-1.11031 27.80516,-6.35584 38.7,-14.68719c0.79273,-0.60465 1.28428,-1.52336 1.34744,-2.51836c0.06315,-0.995 -0.3083,-1.96849 -1.01822,-2.66851c-0.66117,-0.85163 -1.68334,-1.34406 -2.7614,-1.33031c-11.2114,0 -20.60641,-6.58713 -25.75969,-15.88985c0.22319,0.00585 0.42282,0.06719 0.645,0.06719c3.35081,0 6.70332,-0.36567 9.7825,-1.13547c1.55059,-0.3848 2.63224,-1.78643 2.61141,-3.38392c-0.02083,-1.59749 -1.13866,-2.97043 -2.69876,-3.31468c-12.34649,-2.74366 -21.51983,-12.59077 -23.60969,-25.06094c3.52592,1.15865 7.14889,2.03327 10.95156,2.27094c1.5524,0.09657 2.97651,-0.86045 3.47356,-2.3343c0.49705,-1.47385 -0.0566,-3.09786 -1.35043,-3.96117c-8.37469,-5.58312 -13.60547,-14.80051 -13.60547,-25.34984c0,-3.87775 0.95513,-7.47614 2.25078,-10.85078c17.3187,18.75169 41.46398,31.53578 68.44391,32.86812c0.11415,0.00569 0.22851,0.00569 0.34266,0c0.00224,0 0.00448,0 0.00672,0c1.10715,0.05298 2.17203,-0.4306 2.86071,-1.29911c0.68868,-0.86851 0.91682,-2.01558 0.61288,-3.08151c-0.60479,-2.11676 -0.90031,-4.15936 -0.90031,-6.62469c0,-16.70736 13.56061,-30.27469 30.26797,-30.27469z"></path></g></g></svg>
</a>
<a href="https://www.youtube.com/c/KanalRyoka">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="24" height="24"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ffffff"><path d="M19.19323,20c-10.58373,0 -19.19323,8.55576 -19.19323,19.06709v92.86583c0,10.51417 8.61236,19.06708 19.19323,19.06708h133.61914c10.58373,0 19.18763,-8.55291 19.18763,-19.06708v-92.86583c0,-10.51417 -8.6039,-19.06709 -19.18763,-19.06709zM19.19323,25.69565h133.61914c7.4218,0 13.4543,5.99841 13.4543,13.37143v92.86583c0,7.37302 -6.0325,13.37143 -13.4543,13.37143h-133.61914c-7.4218,0 -13.4599,-5.99841 -13.4599,-13.37143v-92.86583c0,-7.37302 6.04096,-13.37143 13.4599,-13.37143zM67.1595,48.634c-1.19146,-0.00926 -2.38618,0.29978 -3.47695,0.91775c-2.17867,1.2388 -3.48255,3.46238 -3.48255,5.95707v59.97678c0,2.4947 1.30102,4.71827 3.48255,5.95707c1.075,0.60943 2.25123,0.91775 3.42656,0.91775c1.20687,0 2.41821,-0.32136 3.51615,-0.96781l51.0793,-29.99117c2.1242,-1.2445 3.39857,-3.45504 3.39857,-5.90701c0,-2.45198 -1.27437,-4.65411 -3.39857,-5.90145l-51.0849,-29.99117c-1.08073,-0.63507 -2.2687,-0.95856 -3.46016,-0.96781zM67.11471,54.34078c0.17773,0 0.38136,0.04169 0.59349,0.1613l51.08489,29.99117c0.50167,0.29617 0.57669,0.75058 0.57669,1.00119c0,0.25061 -0.08062,0.71058 -0.58229,1.00675l-51.0793,29.99117c-0.51314,0.29902 -0.96065,0.13087 -1.18138,0.00556c-0.2236,-0.12246 -0.59349,-0.42281 -0.59349,-1.01231v-59.97121c0,-0.5895 0.37276,-0.88701 0.59349,-1.01231c0.129,-0.07404 0.33849,-0.1613 0.58789,-0.1613z"></path></g></g></svg>
</a>
</span>
</div>
<div class="column is-6 ">
<img src="img/cat.gif" alt="">
</div>
</div>
</div>
</div>
</section>
<script src="js/skrip.js"></script>
</body>
</html>