drillog/index.html at master · persephonepunch/drillog · GitHub

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
<!--


______   ______   ___ __ __   ___ __ __    ________  _________  _________  ______   ______
/_____/\ /_____/\ /__//_//_/\ /__//_//_/\  /_______/\/________/\/________/\/_____/\ /_____/\
\:::__\/ \:::_ \ \\::\| \| \ \\::\| \| \ \ \__.::._\/\__.::.__\/\__.::.__\/\::::_\/_\:::_ \ \
 \:\ \  __\:\ \ \ \\:.      \ \\:.      \ \   \::\ \    \::\ \     \::\ \   \:\/___/\\:\ \ \ \
  \:\ \/_/\\:\ \ \ \\:.\-/\  \ \\:.\-/\  \ \  _\::\ \__  \::\ \     \::\ \   \::___\/_\:\ \ \ \
   \:\_\ \ \\:\_\ \ \\. \  \  \ \\. \  \  \ \/__\::\__/\  \::\ \     \::\ \   \:\____/\\:\/.:| |
    \_____\/ \_____\/ \__\/ \__\/ \__\/ \__\/\________\/   \__\/      \__\/    \_____\/ \____/_/


-->


<!DOCTYPE html>
<html lang="en">

<head>
	<title>Threejs Webgi</title>
	<meta name="description" content="Threejs demo landing page for product visualization using WEBGi">

	<meta property="og:url" content="https://redchair.netlify.app/">
	<meta property="og:type" content="website">
	<meta property="og:title" content="Threejs demo landing page for product visualization using WEBGi">
	<meta property="og:description" content="Threejs demo landing page for product visualization using WEBGi">
	<meta property="og:image" content="https://redchair.netlify.app/assets/images/sabaroom1.jpeg">

	<meta name="twitter:card" content="summary_large_image">
	<meta property="twitter:domain" content="drill-webgi-tutorial.vercel.app">
	<meta property="twitter:url" content="https://redchair.netlify.app/">
	<meta name="twitter:title" content="Threejs demo landing page for product visualization using WEBGi">
	<meta name="twitter:description"
		content="Threejs demo landing page for product visualization using WEBGi">
	<meta name="twitter:image" content="https://redchair.netlify.app/assets/images/sabaroom1.jpeg">

	<meta name="keywords" content="HTML, CSS, JavaScript">
	<meta name="author" content="www.neotix.com.br">

	<meta charset="UTF-8" />

	<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
	<link rel="manifest" href="assets/favicons/site.webmanifest">
	<meta name="msapplication-TileColor" content="#F2CE6E">
	<meta name="theme-color" content="#F2CE6E">

	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">

</head>

<body>

	<div class="loader">
		<p>Loading... Please wait</p>
		<div class="progress"></div>
	</div>
	<nav class="nav--bar">

	</nav>

	<div class="container">
		<section class="section first">
			<div class="section--one--container">
				<h1>Perfect Chair</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

			</div>
		</section>

		<section class="section second">
			<div class="section--two--container">
				<h2>Comfortable</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
			<div class="custom--bg"></div>
		</section>

		<section class="section third">
			<div class="section--third--container">
				<h2>Sit</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<button class="button--customize">CUSTOMIZE</button>
			</div>
		</section>

		<footer>
			<button class="button--footer">BACK TO TOP</button>
		</footer>
	</div>

	<div id="webgi-canvas-container">
		<canvas id="webgi-canvas"></canvas>
		<button class="button--customize button--exit">EXIT</button>
	</div>

	<div class="customizer--container">
		<ul class="strap--colors">
            <li class="button--colors yellow"></li>
			<li class="button--colors red"></li>
			<li class="button--colors black"></li>
			<li class="button--colors pink"></li>
		</ul>
	</div>

	<script src="src/index.ts"></script>

</body>

</html>