-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (101 loc) · 6.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Matteo | Zippo107</title>
<!--main css-->
<link rel="stylesheet" href="assets/main.css">
<!--CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<div class="mini-container">
<button class="theme animate-in" onclick="changeTheme();" aria-label="change theme">
<!--<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M21 12.9755C20.8427 14.6778 20.2039 16.3 19.1583 17.6523C18.1127 19.0047 16.7035 20.0313 15.0957 20.6121C13.4879 21.1928 11.748 21.3037 10.0795 20.9316C8.41104 20.5596 6.88302 19.7201 5.67425 18.5113C4.46548 17.3026 3.62596 15.7745 3.25393 14.106C2.8819 12.4376 2.99274 10.6976 3.57348 9.08984C4.15423 7.48206 5.18085 6.07291 6.53324 5.0273C7.88562 3.98169 9.50782 3.34285 11.21 3.18555C10.2134 4.53381 9.73387 6.195 9.85856 7.86696C9.98324 9.53893 10.7039 11.1106 11.8894 12.2961C13.075 13.4817 14.6466 14.2023 16.3186 14.327C17.9906 14.4517 19.6518 13.9721 21 12.9755V12.9755Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>-->
<i data-feather="moon" class="theme-icon"></i>
</button>
</div>
<main class="flex flex-col justify-center overflow-hidden is-size-7-mobile mx-auto">
<div class="container main">
<div class="card glass">
<header class="card-header">
<p class="card-header-title has-text-dark m-1 p-3">
< About me />
</p>
<button class="card-header-icon" aria-label="more options">
<span class="icon">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</button>
</header>
<div class="card-content">
<div class="content">
<h1>Matteo is
<span class="typer" id="main" data-words="funny, explosive, avaible" data-delay="150" data-deleteDelay="1000"></span>
<span class="cursor" data-owner="main"></span>
</h1>
<p class="card-text">Mi chiamo Matteo, programmo nel tempo libero e mi vedrai spesso sulla mia bici.</p>
<p class="text-muted">Passa anche nei miei social!</p>
</div>
</div>
<footer class="card-footer">
<a href="https://www.instagram.com/itz_matteomania/" class="card-footer-item insta" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<rect x="4" y="4" width="16" height="16" rx="4"></rect>
<circle cx="12" cy="12" r="3"></circle>
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501"></line>
</svg>
<span class="nav-text">
 Instagram 
</span>
</a>
<a href="https://www.facebook.com/robin.ticke.50/" class="card-footer-item fb" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
</svg>
<span class="nav-text">
 Facebook 
</span>
</a>
<a href="https://github.com/Matteo0099" class="card-footer-item git" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path>
</svg>
<span class="nav-text">
 Github 
</span>
</a>
</footer>
</div>
</div>
</main>
<footer class="has-text-centered is-flex-align-items-flex-end mt-auto mb-2">
<small>
<span id="copyright">Copyright @2022 <i>Manià Matteo</i></span>
</small>
</footer>
<!--icons switch-->
<script>
feather.replace()
</script>
<!--icon pack-->
<script src="https://unpkg.com/feather-icons"></script>
<script src="src/toggle.js"></script>
<script src="src/script.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/bulma.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/ConfigBag.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/core.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/Data.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/dismissableComponent.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/plugin.js"></script>
<script src="./node_modules/@vizuaalog/bulmajs/src/plugins/navbar.js"></script>
<script async src="https://unpkg.com/[email protected]/typer.js"></script>
</body>
</html>