Marketing_UI/about.html at master · BuildWeek-PostHere-Subreddit/Marketing_UI · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/index.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Tomorrow&display=swap" rel="stylesheet">
    <title>PostHere!</title>
</head>
<body>

<div class="container">
    <nav>
            <div class="logo">
                <img src="img\buildweeklogo3.PNG" alt="Suggest.It logo">
            </div class="logo">
            <div class="links">
                <a href="index.html">Home</a>
                <a href="about.html">About</a>
                <a href="contact.html">Contact</a>
                <a href="https://post-here-subreddit.netlify.com/">Log In</a>
            </div>
        </nav>
    <header class="about-header"><br>
        <h1>Why should you use Suggest.it?</h1><br>
            <section><br>
                <p class="headerpara">
                    Suggest.it uses statistical data from the user-provided information and Reddit's API to match your post with the subreddit(s) that are most similar to the topic you're posting about. If you want to really dive in to how it all works, check out our <a href="https://github.com/BuildWeek-PostHere-Subreddit" target="blank">GitHub!</a>
                    <br><br>
                    Summary: Suggest.It helps you find the most relevant subreddit. (To get the most attention!)
                    <!-- Our team is comprised of a Marketing UI team (Brandon + Chris), a React front-end team (AJ + Zac), a Back-End developer (Russ), a Data Science team (Stefano + David), as well as a Machine Learning team (Leydy + Matthew) <br> -->
                </p>
            </section>
    </header>
        <section class="body">
            <h1>About Us!</h1>
            <div class="about-title top-title">
                <img src="img\Brandon-REsnip.PNG" class="groupmem1 leftImg" alt="picture of Brandon">
                <h2>Marketing <br> User-Interface</h2>
                <img src="img\Groupmember2.jfif" class="groupmem2 rightImg" alt="picture of Chris">
            </div>

            <p class="bodypara">
                The Marketing User-Interface team is comprised of myself, <a href="https://github.com/Nobro777" target="blank">Brandon Fulmer</a> and <a href="https://github.com/Dazmen" target="blank">Chris Engel</a>.  Chris and I created the marketing website and the layout, as well as all the styling and visuals that you (the User) can see. We worked primarily in CSS/LESS and HTML and we published the website through Netlify.
            </p>

            <div class="about-title">
                <img src="img\Groupmember3.jfif" class="groupmem3 leftImg" alt="picture of Brandon">
                <h2>React Team</h2>
                <img src="img\Groupmember4.jfif" class="groupmem4 rightImg" alt="picture of Brandon">
            </div>

            <p class="bodypara">
                The react front-end team includes <a href="https://github.com/ajmerr13" target="blank">AJ Merritt</a>, as well as <a href="https://github.com/zac-higgins" target="blank">Zac Higgins</a>. These guys put together the 'log in' portion of the website as well as added functionality to various different areas. They  coordination with the back-end developers and the data engineer's flask app to make the magic happen.
            </p>

            <div class="about-title">
                <img src="img\Groupmember5.jfif" class="groupmem5 leftImg" alt="picture of Brandon">
                <h2>Back-End</h2>
                <img src="img\Groupmember10.jfif" class="groupmem10 rightImg" alt="picture of Mack">
            </div>

            <p class="bodypara">
                The back-end was done by <a href="https://github.com/Surfsol" target="blank">Russ Terry</a> and <a href="https://github.com/MWeberLambdaweb19" target="blank">Mack Weber</a>, they worked closely with the React team to manage the data that was coming in and then relayed it in a useable format to the Data Science team for processing.
            </p>

            <div class="about-title">
                <img src="img\Groupmember6.jfif" class="groupmem6 leftImg" alt="picture of Brandon">
                <h2>Data Engineers</h2>
                <img src="img\Groupmember7.jfif" class="groupmem7 rightImg" alt="picture of Brandon">
            </div>

            <p class="bodypara">
                The Data Engineering team consisted of <a href="https://github.com/stefanoruiz" target="blank">Stefano Ruiz</a> as well as <a href="https://github.com/davidanagy" target="blank">David Nagy</a>. These two were responsible for creating the flask app and were the bridge between the machine learning module and the front-end react app that you use.
            </p>

            <div class="about-title">
                <img src="img\Groupmember8.jfif" class="groupmem8 leftImg" alt="picture of Brandon">
                <h2>Machine Learning</h2>
                <img src="img\Groupmember9.jfif" class="groupmem9 rightImg" alt="picture of Brandon">
            </div>

            <p class="bodypara">
                The Machine Learning team (led by <a href="https://github.com/matthew-sessions" target="blank">Matthew Sessions</a> and <a href="https://github.com/johanaluna" target="blank">Johana Luna</a>.) created a model to house the data recieved from your (the User) inputs. The model takes a submitted post, converts it to numbers, then compares it to all the Reddit posts stored in its database.
            </p>
        </section>
</div>


    <footer>
        <nav class= "bottomnav">
            <a href="index.html">Home<br></a>
            <a href="about.html">About<br></a>
            <a href="contact.html">Contact<br></a>
            <a href="https://post-here-subreddit.netlify.com/">Log In<br></a>
        </nav>

        <div class= "copyright">
            <p>-Built by Lambda Students, 2019-</p>
        </div>

        <div class="footerimg">
            <img src="img\buildweeklogo3.PNG" class="LSlogo" alt="Picture of the lambda logo">
        </div>
    </footer>
</body>
</html>