-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
97 lines (95 loc) · 5.98 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<head>
<meta charset="UTF-8">
<meta name="description" content="Subreddit Predictor Social Media Management">
<meta name="keywords" content="Reddit, Content Creation, Social, ML, Machine Learning">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Post Here Subreddit Predictor">
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css2?family=Asap:wght@500&display=swap" rel="stylesheet">
</head>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a id="login" href="https://laughing-lichterman-645fc7.netlify.app/">Login</a>
</nav>
<h1 id="about-title">How <span><span class="char dot">.</span><span class="char i">ı</span><!--This comment is required to remove whitespace created by inline-block elements.
--></span>t Works</h1>
<main>
<section class="works">
<div class="step one">
<h3 class="step-title">Step One:</h3>
<div class="example-container">
<p class="example">Whiskers looks adorable!!!</p>
</div>
<p class="explainer">Type up a post about your cat.<br/> </p>
</div>
<div class="step two">
<h3 class="step-title">Step Two:</h3>
<img src="assets/cats.PNG" alt="A Sample of Reddit search results for cute kittens: three posts, including a cat on a mustached man's head">
<p class="explainer">We find subreddits talking about fuzzy feline friends.</p>
</div>
<div class="step three">
<h3 class="step-title">Step Three:</h3>
<p class="construction">Coming Soon!</p>
<p class="explainer">Choose relevant groups and post automatically. Meow!</p>
</div>
</section>
<div class = "description">
<p class="item-1">The Post Here service is built on machine intelligence. Leveraging the reddit API, we employ Natural Language Processing (NLP) algorithms to perform sentiment analaysis on your post. </p>
<img class= "item-2" src="https://res.cloudinary.com/rsmglobal/image/fetch/t_default%2Cf_auto%2Cq_auto/https://www.rsm.global/singapore/sites/default/files/media/Publications/Our%20Expert%20Insights/rsm-tmt-nlp.jpg" alt="Natural Language Processing Diagram incorporates four computational domains: Text Classification, Information Retrieval, Natural Language Generation, and Natural Language Understanding.">
<p class="item-3">content is then compared to thousands of tags that classify the topical relevance of each subreddit, and <span class="presto">presto!</span> It returns a list of the most appropriate forums for Whiskers' world premiere.</p>
</div>
</main>
<hr>
<h2 id= "team-title">Our Team</h2>
<section id = "team">
<div class="member">
<img src="assets/bhavani.png" alt="Bhavani is standing in front of the Golden Gate Bridge">
<h3>Bhavani Rajan</h3>
<p>Post Here Project Lead, Bhavani is a Data Scientist by trade and a plant mom. Her favorite subreddit is r/permaculture.</p>
</div>
<div class="member">
<img src="assets/mario.png" alt="A bespectacled Mario stares menacingly at the camera in front of a city backdrop, accompanied by a woman wearing cat eye shades">
<h3>Mario Sanchez</h3>
<p>Mario is a full stack react developer hailing from Los Angeles, CA. His favorite subreddits are r/videogames and r/coding.</p>
</div>
<div class="member">
<img src="assets/matthew.jpg" alt="A selfie of Matthew, a blonde man with a nosering.">
<h3>Matthew Malloy</h3>
<p>Matthew is a full stack react developer and current LA native in the Arts District. He loves nothing more than deploying react apps from his r/battlestation.</p>
</div>
<div class="member">
<img src="assets/genard.png" alt="Genard "Ivan" Tejano standing in a city square">
<h3>Genard Tejano</h3>
<p>Ivan managed database access and authentication using the Node.js backend for the Post Here project. He loves trading synthesizer rigs on r/mechmarket. </p>
</div>
<div class="member">
<img src="assets/zack.jpg" alt="A portrait of Zack Murray, smiling and wearing a baseball cap and shades.">
<h3>Zack Murray</h3>
<p>Zack is the Data Scientist who turned our Reddit data into a predictive model. Being a professional frisbee fanatic, his favorite subreddit is r/discgolf. </p>
</div>
<div class="member">
<img src="assets/justin.png" alt="Justin Lohner, wearing a grey coat and smiling against a wintery backdrop.">
<h3>Justin Lohner</h3>
<p>Justin has built out the dually-comaptible Java backend to parse our predictive modelling into actionable data for our users. An Orem, UT socialite, Justin likes defying the odds with the folks at r/whatcouldgowrong. </p>
</div>
<div class="member">
<img src="assets/tyler.jpg" alt="Tyler Ethridge, looking rather dapper in a tux.">
<h3>Tyler Etheridge</h3>
<p>Tyler was the brains behind database management. Currently based in Connecticut, he oversaw API access with a style fit for r/mechanicalkeyboards.</p>
</div>
<div class="member">
<img src="assets/kevin.jpg" alt="Kevin Liu, attending a conference.">
<h3>Kevin Liu</h3>
<p>Kevin is a Californian who managed our API routing and internal database construction. Since starting this project, Kevin has discovered a newfound affinity for r/tekken67.</p>
</div>
<div class="member">
<img src="assets/alex.jpg" alt="Alexander Goncalves is standing on an Aruban cliffside, wearing a black and pink shirt and smiling">
<h3>Alex Goncalves</h3>
<p>This is Alex's premiere work as UI designer. Presently quarantining in his parents' basement in State College, PA, Alex spends his spare time lurking on r/comedycemetery.</p>
</div>
</section>
<footer>
<h2 id="footer-title" >Post <span class="here">Here</span></h2>
</footer>