-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-face-detection.html
110 lines (102 loc) · 3.82 KB
/
about-face-detection.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Emily Kondziola</title>
<link rel="stylesheet" type="text/css" href="about.css">
<link rel="icon" href="favicon.png">
</head>
<body>
<div class="container">
<a href="/">
<h5>emily kondziola</h5>
</a>
<section>
<div class="top">
<!-- header -->
<div class="header">
<h1>Face Pixelator</h1>
<p>This app detects your face via an experimental face detection API, and then pixelates it.
Unfortunately the API isn't stable enough to host on this site, but you can still see the
project by:<br /><br />
<strong>1.</strong> Cloning the repo on Github<br />
<strong>2.</strong> Going to about://flags on Google Chrome and enabling 'Experimental Web
Platform features' <br />
<strong>3.</strong> Opening index.html
</p>
</div>
<div class="stats">
<div class="code">
<h4>CODE</h4>
<p>
<a href="https://github.com/emilygracekz/Face-censorship">
Repository
</p>
</a>
</div>
<div class="stack">
<h4>STACK</h4>
<p>Vanilla JS</br>
CSS</br>
HTML5
</p>
</div>
<!--
<div class="live">
<h4>VIEW</h4>
<p>
<a href="http://emilyk.codes/face-detection">
Live Site
</p>
</a>
</div> -->
</div>
</div>
</section>
<!-- <section>
<div class="middle">
<div class="codepic">
<img src="codesnip.png">
</div>
<div class="codeExplain">
<h2>Web Stack</h2>
<p>This face detection program was built using experimental web features in Vanilla JavaScript. </p>
</div> -->
<!-- <div class="process"> -->
<!-- <div class="mobilepic">
<img src="hold.png">
</div> -->
<!-- <div class="processExplain">
<h2>Thought Process</h2>
<p></p>
</div>
</div>
</div>
</section> -->
<section>
<div class="end">
<div class="endHeader">
<h2>More Projects</h2>
</div>
<div class="nextOne">
<a href="http://emilyk.codes/about-currency-converter">
<h3>Currency Converter</h3>
<img src="currencypic.png">
<p>View ></p>
</a>
</div>
<div class="nextTwo">
<a href="http://emilyk.codes/about-nomad-discover">
<h3>Nomad Discover</h3>
<img src="nomaddiscoverpic.png">
<p>View ></p>
</a>
</div>
</div>
<div class="footer">
<h3>Let's build something together!<br />Contact me at [email protected]</h3>
</div>
</section>
</div>
</body>
</html>