Style/landing dev logo (#75)

* Added ACM Dev logo, and made title and searchbar container a little bigger.

* feat: PLEASE WORK PLEASE WORK

---------

Co-authored-by: axdyv <110048707+axdyv@users.noreply.github.com>
Co-authored-by: Jeydin21 <JeyPham21@gmail.com>

Author: 3 people

.github/workflows/deploy.yml

@@ -9,7 +9,7 @@ on:
 
 jobs:
   deploy:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     concurrency:
       group: ${{ github.workflow }}-${{ github.ref }}
       cancel-in-progress: true

.github/workflows/test.yml

@@ -8,7 +8,7 @@ on:
 
 jobs:
   build_and_test:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     concurrency:
       group: ${{ github.workflow }}-${{ github.ref }}
       cancel-in-progress: true

client/public/ACMDev-logo.png

@@ -17,7 +17,7 @@ const Content = styled.div`
 
 const Main = styled.div`
   width: 100%;
-  margin-top: 100px;
+  margin-top: 50px;
 `;
 
 const Header = styled.h2`
@@ -28,7 +28,7 @@ const Header = styled.h2`
   font-weight: 300;
   letter-spacing: 2px;
   font-size: 26px;
-  margin-bottom: 15px;
+  margin-bottom: 20px;
 `;
 
 const Description = styled.p`
@@ -44,6 +44,19 @@ const HeaderBold = styled.span`
   font-weight: 700;
 `;
 
+const SmallFont = styled.span`
+   font-size: 12px;
+`;
+
+const Logo = {
+  height: "36px",
+  width: "36px",
+  marginTop: "-8px",
+
+};
+
+
+
 export default function Home() {
   function handleSubmit({ search }: SearchQuery) {
     (async function () {
@@ -58,16 +71,15 @@ export default function Home() {
     <Core>
       <Content>
         <Main>
-          <Col lg={{ span: 8, offset: 8 }} xs={{ span: 20, offset: 2 }}>
+          <Col lg={{ span: 10, offset: 7}} xs={{ span: 20, offset: 2 }}>
             <FadeIn delay={0}>
               <Header>
-                <HeaderBold>UTD</HeaderBold> Grades
+                <img src="/ACMDev-logo.png" style={Logo}/> <HeaderBold>UTD</HeaderBold> Grades <SmallFont> by <HeaderBold>ACM</HeaderBold></SmallFont>
               </Header>
             </FadeIn>
             <FadeIn delay={300}>
               <Description>
-                See how students did in any given class. And it&apos;s{" "}
-                <strong>free, forever.</strong>
+                See how students did in any given class. And it's<strong> free, forever.</strong>
               </Description>
             </FadeIn>
             <Search onSubmit={handleSubmit} />