/
index.html
141 lines (135 loc) · 4.62 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SD83SCK7WX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SD83SCK7WX');
</script>
<meta charset="UTF-8" />
<!-- end of Google Tag -->
<!-- BROWSER TAGS -->
<meta lang="en-ca" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="ryDesigns is a Web developer located in British Columbia. We provide Web services to help you reach your online audience through: branding, visual design, web design, ux, and more. We're dedicated to giving high-quality results to help your and or your business to stand out. Contact us today to learn more!" />
<meta name="keywords" content="Web Designer, Web developer, Canada, BC, British Columbia, Prince George, Victoria, Vancouver, Parksville, Nanaimo">
<meta name ='location' content="Canada, BC, British Columbia, Prince George, Victoria, Vancouver, Parksville, Nanaimo"/>
<!-- LOCATION TAGS -->
<meta name ='geo.country' content="Canada"/>
<meta name ='geo.country' content="Can"/>
<meta name ='geo.country' content="Ca"/>
<meta name ='country' content="Canada"/>
<meta name ='country' content="Can"/>
<meta name ='country' content="Ca"/>
<meta name ='state/provence' content="BC"/>
<meta name ='state/provence' content="British Columbia"/>
<meta name ='town/city' content="Prince George, Victoria, Vancouver, Parksville, Nanaimo"/>
<!-- CREDITS -->
<meta name="author" content="Reine Yurkowski">
<!-- ROBOTS -->
<meta name=”robots” content=”index, follow”>
<!-- PWA STUFF -->
<link rel="apple-touch-icon" href='./src/assets/mediaKits/reineYurkowskiAssets/apple-touch-icon.png'>
<link rel="manifest" href="./manifest.json">
<meta name="theme-color" content="#00ffd5">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/service-worker.js', {scope: '/'})
.then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// Registration failed
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
<!-- OTHER -->
<title>ryDesigns</title>
<link rel="icon" type="image/svg+xml" href="./src/assets/mediaKits/reineYurkowskiAssets/initialsThicc.svg" />
</head>
<body>
<!-- this is a bonus loading screen incase the internet is slow -->
<!-- <div id="loading-screen">
slow connection detected,
<br/>
<br/>
please wait while
<br/>
<br/>
<h2>Loading...</h2>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id="spinnerContainer">
<h3 id="spinner">🌮</h3>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<p>
fun fact:
<br/>
<br/>
The first-ever email was sent by computer engineer Ray Tomlinson in 1971. The message was just a series of letters and numbers, and Tomlinson doesn't remember exactly what he wrote.
</p>
</div>
<--
<script>
// Show the loading screen
const loadingScreen = document.getElementById("loading-screen");
loadingScreen.style.display = "block";
// Wait for the page to load
window.addEventListener("load", () => {
// Hide the loading screen
loadingScreen.style.display = "none";
});
</>
<style>
*{
margin:0;
padding:0;
}
#loading-screen {
aspect-ratio: auto;
height: 100vh;
width: 100vw;
background-color: #222;
color: #fff;
margin:0;
padding:0;
font-family: sans-serif;
transition-duration: 0ms;
}
#spinnerContainer {
text-align: center;
transition-duration: 0ms;
}
#spinner {
animation: rotate 4s linear infinite;
font-size: 3rem;
transition-duration: 0ms;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style> -->
<div id="root"></div>
<script type="module" src="/main.tsx">
</script>
</body>
</html>