-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
78 lines (74 loc) · 3.5 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
<!--
============================================
; Title: about.html
; Author: Brock Hemsouvanh
; Date: 07 Dec 2023
; Description: bio page for the brockfolio site
;===========================================
*/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About - Brockfolio</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/cards.css">
<link rel="stylesheet" href="styles/about.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,900;1,200&family=Roboto+Slab:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<script src="partials/header.js"></script>
<main>
<div class="secret-hero-fx"></div>
<span class="hero-word top" id="T1">Hi, I'm Brock!</span>
<section id="about-top">
<div id="profile-pic">
<img src="images/rainbowblacklightbrock.jpg" alt="Brock Profile">
</div>
<div id="bio-text">
<p>I hope you're enjoying perusing my small collection. This site has helped me to appreciate the journey of learning and growing a skillset.
As a life-long musician who has long plotted to release a full-length music album, I know a thing or two about the dangers of perfectionism
(AKA, never releasing the product because it isn't "done" yet.) Spoiler alert: the thing will never be "done."
</p><br>
<p>Please assist me in my battle against the evils of perfectionism by checking out my whole site. You will learn about me, my talents
and abilities, as well as my aspirations. If you haven't already noticed, there is a special treat for your ears if you click a
certain link on the homepage (not functional yet.) Have fun!
</p>
</div>
</section>
<h1>My Bucket List</h1>
<section id="about-bottom">
<a href="#release-album" class="bucket-list-card">
<div>Release a solo music album</div>
</a>
<a href="https://www.youtube.com/watch?v=vKhVnD4mxPA" class="bucket-list-card">
<div>Build a music recording studio</div>
</a>
<a href="https://www.keyvalues.com/" class="bucket-list-card">
<div>Find work I'm passionate about</div>
</a>
<a href="https://www.youtube.com/watch?v=loeUOsBCIe4" class="bucket-list-card">
<div>Buy 40 acres and create a permaculture farm</div>
</a>
<div id="central-image">
<img src="images/brox0rz-album-cover.png" alt="Central Image">
</div>
<a href="#yoga-martial-arts" class="bucket-list-card">
<div>Yoga and Martial Arts practice every day</div>
</a>
<a href="#streaming" class="bucket-list-card">
<div>Steady streaming content for fun and side money</div>
</a>
<a href="#musician-again" class="bucket-list-card">
<div>Become an active musician again</div>
</a>
<a href="#minimalistic-lifestyle" class="bucket-list-card">
<div>Achieve a mostly minimalistic lifestyle</div>
</a>
</section>
</main>
<script src="partials/footer.js"></script>
</body>
</html>