-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
109 lines (104 loc) · 5.81 KB
/
about.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hominiter</title>
<link rel="stylesheet" href="css\style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/ea5c9256b2.js" crossorigin="anonymous"></script>
<link rel="icon" href="assets/VMD Icon.png" type="image/png">
<link rel="icon" href="assets/VMD Icon.png" type="image/png">
<link rel="apple-touch-icon" href="assets/VMD Icon.png">
<meta name="google-site-verification" content="LEG3Rx9PyPZzUVvMXUo1elkyCv_hz1olrUGshqy0T_4" />
</head>
<body>
<header class="header" id="header">
<nav class="navbar container navi">
<a href="./index.html">
<h2 class="logo">Hominiter</h2>
</a>
<div class="menu navi" id="menu">
<ul class="list">
<li class="list-item">
<a href="index.html" class="list-link">Home</a>
</li>
<li class="list-item">
<a href="./categories.html" class="list-link">Categories</a>
</li>
<li class="list-item">
<a href="./posts.html" class="list-link">All Posts</a>
</li>
<li class="list-item">
<a href="./about.html" class="list-link current">About</a>
</li>
</ul>
</div>
<div class="list list-right">
<button class="btn place-items-center" id="theme-toggle-btn">
<i class="ri-moon-line moon-icon"></i>
<i class="ri-sun-line sun-icon"></i>
</button>
<button class="btn place-items-center screen-lg-hidden menu-toggle-icon" id="menu-toggle-icon">
<i class="ri-menu-3-line open-menu-icon"></i>
<i class="ri-close-line close-menu-icon"></i>
</button>
<button class="btn place-items-center" id="bio-toggle-btn">
<i class="ri-book-line bio-icon"></i>
</button>
</div>
</nav>
</header>
<div class="about-post-container" id="edit">
<br><h1>Hominiter - Initiating Profound <strong>Immersion</strong></h1><br><br>
<p>Step into my world of knowledge and curiosity where you can explore the fascinating realm of bionics science! Here, you can find posts written by me across four main themes: historical insights, notable figures, findings, and miscellaneous discoveries. May you find your "immersion" and unravel new perspectives here!
</p><br>
<h1>About me</h1><br><br>
<p>Hey folks, it's Dang at the helm of this blog. My name is Vu Minh Dang. I am currently attending High School for the Gifted based in Ho Chi Minh City, Vietnam. With a keen passion for science and its history, I'm eager to share my knowledge, insights and enthusiasm through this blog as well as inspire the boffin inside you!</p><br>
<br>
<h1>Why "Hominiter"?</h1><br><br>
<p>Hominiter is the fusion between two Latin-originated words "homini" - people and "iter" meaning journey. At Hominiter, you can immerse in trands of development through different innovations, novel findings and history of science that mainly combine bionics, humanoid robots with other human-centered areas such as engineering, cryptography and computer science. We'll kick things off by exploring some interesting facts. Have fun!
</p><br>
<br>
<h1>Why this weird font?</h1><br><br>
<p>This is Bionic Reading. The idea is your eyes focus on the bolded part of the word and your brain completes the rest. Your brain can read faster than your eyes, so by essentially reducing the number of letters your eye needs to look at, you can read faster while still retaining the full context. Bionic Reading can also help people with ADD and ADHD focus more easily on what they're reading by making the font more visually stimulating.
</p><br>
<span>Not accustomed to this font? You can easily switch it off at any time using the </span><i class="ri-book-line bio-icon"></i><span> button in the navigation bar.</span>
<br>
</div>
<div class="btn-cont">
<a href="./posts.html" class="more-btn place-items-center">See posts</a>
</div>
<div class="feedback-container">
<p class="big" id="scrollToTop">↑</p>
<h2>Reach me out.</h2>
<br><br>
<form id="msgRecipientForm" name="msgRecipientForm">
<div class="input-container">
<label for="name">Name*:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="input-container">
<label for="email">Email*:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="input-container">
<label for="message">Message*:</label>
<textarea id="message" name="message" rows="2" required></textarea>
</div>
<div class="submit-container">
<input type="submit" value="Send" class="submit-btn">
</div>
</form>
</div>
<div class="footer">
<h3>© Hominiter by Vu Minh Dang. All Rights Reserved.</h3>
<div class="social-media">
<a href="mailto:[email protected]"><i class="fa-solid fa-contact-card"></i></a>
<a href="https://www.facebook.com/dngvmnh"><i class="sm fa-brands fa-facebook"></i></a>
<a href="https://github.com/dngvmnh"><i class="sm fa-brands fa-github"></i></a>
<a href="https://sites.google.com/view/dngvmnh/home"><i class="fa-solid fa-user-large"></i></a>
</div></div>
<script src="js\script.js"></script>
</body>
</html>