-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
112 lines (100 loc) · 5.35 KB
/
home.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="/global/meta/favicon.ico">
<title>Home</title>
<!--Google fonts-->
<!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Lato'> -->
<!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Abel'> -->
<!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Poiret One'> -->
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Bellota Text'>
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Montserrat Alternates'>
<!-- <link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Alegreya Sans SC'> -->
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Bad Script'>
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Catamaran'>
<!--globals-->
<link rel="stylesheet" href='/global/globalStyleSheet.css'>
<!--kits-->
<link rel="stylesheet" href="">
<link rel="stylesheet" href="/global/kits/shelf/stylesheet.css">
<link rel="stylesheet" href="/global/kits/socialBox/stylesheet.css">
<link rel="stylesheet" href="/global/kits/tooltip/stylesheet.css">
<!--local exclusives-->
<link rel="stylesheet" href="/home/stylesheet.css">
</head>
<body class="page">
<div class="header" id="header">
<div class="headerTitle" id="title">
<a href="/home">CCheukKa's Site</a> / <a href="" class="bold underline">home</a>
</div>
<div class="headerCatalogue" id="catalogue">
<!--Catalogue items added programmatically-->
</div>
<div class="headerDropdown" id="dropdown">
<div class="menu-icon" id="menu-icon"></div>
<div class="dropdownMenu" id="dropdownMenu">
<!-- To be filled in programmatically -->
</div>
</div>
</div>
<div class="main">
<div class="titleCard" id="titleCard">
<div class="div-avatar">
<img src="/global/meta/avatar.svg" alt="Profile Avatar" width="60%">
<br>
<span class="description avatar-text" style="font-size: 11pt;">Consistent profile avatar</span>
</div>
<div class="div-name">
<div class="name-container" style="text-align: center;">
<span class="bad-script">Hi! I'm</span>
<span class="title name-text">CCheukKa</span>
<span class="bad-script" style="opacity: 0; user-select: none;">Hi! I'm</span>
</div>
<span class="title full-name" style="font-size:x-large; font-weight: bold;">(Chan Cheuk Ka)</span>
<br>
<br>
<div style="text-align: justify;">
<span class="description description-text" style="font-size: 11pt;">
I am but a blob of meat who lives on a slab of rock floating on layers of lava on the surface of a piece of wet rock circling a ball of flames drifting among the great darkness and beyond.
</span>
</div>
</div>
<div class="contact-container" style="margin-left: 12px; margin-right: 12px;">
<div class="description email-container" id="email-container" style="opacity: 100%; font-weight: normal;">
<div id="emailAddressContainer" class="email-address-container tooltip">
<span class="tooltiptext" id="tooltipCopy">📋 Copy to clipboard</span>
<div id="email-text" class="email-head">contact.CCheukKa</div>
<div id="email-domain">
<span id="email-text" class="email-at" style="font-weight: bold;">@ </span>
<span id="email-text" style="font-weight: lighter;">gmail.com</span>
</div>
</div>
<div id="emailSendButton" class="tooltip">
<span class="tooltiptext2" id="tooltipSend">📧 Send email</span>
<a href="mailto:contact.CCheukKa@gmail.com" target="_blank">
<img src="/home/iconSendMail.png" alt="Send eMail icon" width="65%" style="position:relative; top: 10px; filter: drop-shadow(2px 2px 2px #1c3344);">
</a>
</div>
</div>
<div class="social-box" id="social-box">
<!--Add these programmatically-->
</div>
</div>
</div>
<div style="width: 100%; display: flex; justify-content: center;">
<div class="shelfContainer" id="shelfContainer" style="height: calc(100vh - 367px);">
<!--Create these programmatically-->
</div>
</div>
</div>
</body>
<script src='/global/scripts/globalLibrary.js'></script>
<script src='/global/scripts/headerController.js'></script>
<script src='/home/emailReferralController.js'></script>
<script src='/global/kits/socialBox/script.js'></script>
<script src='/home/home.js'></script>
<script src='/global/kits/dropdownMenu/script.js'></script>
<script src='/global/scripts/globalResizeHandler.js'></script>
</html>