changes to website

main.css

@@ -20,7 +20,7 @@ main {
     margin: 20px auto;
     padding: 20px;
     background-color: #fff;
-    border-radius: 8px;
+    border-radius: 2px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -33,12 +33,53 @@ h1, {
 }
 
 h2, {
+    margin-bottom: 0;
     color: #333;
 }
 
+.main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+}
+
+.developers {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+}
+
+.developer {
+    margin-bottom: 0px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 400px;
+    text-align: center;
+}
+
+.circular-image {
+    width: 170px;
+    height: 170px;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.circular-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.description {
+    margin-top: 0px;
+}
+
 footer {
     text-align: center;
     background-color: #B5C18E;
     color: #fff;
-    padding: 10px 0;
+    padding: 20px 0;
 }
+

main.html

@@ -15,28 +15,74 @@
     
     <main>
         <section>
-            <h2>About</h2>
-            <p>This project is a chrome extension that acts to remind users to keep their comments positive online with image popups to make the internet a more inclusive and accepting space. It uses generative AI to detect hate speech. This AI was trained using varius kaggle data sets and idividual promts. </p>
+            <h2>Our Mission</h2>
+            <p>Our mission is to foster a more inclusive online community by empowering individuals to recongnize and refrain from using hateful language. In the form of a chrome extension, we envision our product to promote respectful and empathetic communication, creaing a safer, more inclusive enviorment for all users. Together, we can contribute to a positive digital culture that celebrates diversity and open communication through meaninful dialogue.</p>
+        </section>
+        
+        <section>
+            <h2>Product Vision</h2>
+            <p>Our product is a downloadable chrome extension that uses AI to detect hate speech. This AI (add more info about the AI and how it was trained). </p>
         </section>
         
         <section>
             <h2>About Us</h2>
-            <ul>
-                <li>Maggie Kocorowski</li>
-                <li>Christy Tran</li>
-                <li>Andersen Hu</li>
-                <li> Ivy Shao</li>
-            </ul>
+            <section class="main">
+                <section class="developers">
+                    <div class="developer">
+                        <div class="circular-image">
+                            <img src="./christy_headshot.jpg" alt="Christy headshot">
+                        </div>
+                        <div class="description">
+                            <h2>Christy Tran</h2>
+                            <p>Developer</p>
+                            <p>ctt57@drexel.edu</p>
+                        </div>
+                    </div>
+    
+                    <div class="developer">
+                        <div class="circular-image">
+                            <img src="./Andersenheadshot.jpg" alt="Andersen headshot">
+                        </div>
+                        <div class="description">
+                            <h2>Andersen Hu</h2>
+                            <p>Researcher</p>
+                            <p>ah3779@drexel.edu</p>
+                        </div>
+                    </div>
+    
+                    <div class="developer">
+                        <div class="circular-image">
+                            <img src="./maggieheadshot.jpg" alt="Maggie headshot">
+                        </div>
+                        <div class="description">
+                            <h2>Maggie Kocorowski</h2>
+                            <p>Front End Designer</p>
+                            <p>mjk488@drexel.edu</p>
+                        </div>
+                    </div>
+    
+                    <div class="developer">
+                        <div class="circular-image">
+                            <img src="./ivy_headshot.jpg" alt="Ivy headshot">
+                        </div>
+                        <div class="description">
+                            <h2>Ivy Shao</h2>
+                            <p>AI Trainer</p>
+                            <p>is485@drexel.edu</p>
+                        </div>
+                    </div>
+                </section>
+            </section>
         </section>
 
         <section>
             <h2>Contact</h2>
-            <p>You can reach us at ...@drexel.edu</p>
+            <p>You can reach us at mjk488@drexel.edu</p>
         </section>
     </main>
 
     <footer>
-        <p>&copy; 2024 Your Website. All rights reserved.</p>
+        <p>&copy; 2024 Sentiment Scanner. All rights reserved.</p>
     </footer>
 </body>
 </html>

main.py

-from textblob import TextBlob
-from newspaper import Article
 
-url = "FIXME"
-article = Article(url)
-
-article.download()
-article.parse()
-article.nlp()
-
-text = article.summary
-print(text)
-
-blob = TextBlob(text)
-sentiment = blob.sentiment.polarity_# -1 to 1
-print(sentiment)