Reduced logo width (#37)

* Removed Circle CI integration * Updated README.md logo * Updated README.md logo * Updated README.md logo * Removed logos * Removed footer credits * Added screenshots * Reduced logo width
kleenkanteen · Mar 7, 2024 · 725d407 · 725d407
1 parent 1c2e9ed
commit 725d407
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 39 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <!-- Designed for LEAP24 hackathon 03.2024-->
 <div id="header" align="center">
-  <img src="./frontend/src/assets/img/drdracula-logo.png" width="800" height="400"/>
+  <img src="./frontend/src/assets/img/drdracula-logo.png" width="600" height="400"/>
 
 </div>
   <h1 align="center">Dr. Dracula</h1>
@@ -20,6 +20,7 @@ A web application that allows users to understand their blood test results quick
 - [Demo](#demo)
 - [Technology Stack](#technology-stack)
 - [Features](#features)
+- [Screenshots](#screenshots)
 - [How to use the app locally](#how-to-use-the-app)
 - [Using Docker to run the app](#using-docker-to-run-the-app)
 - [Authors](#authors)
@@ -52,6 +53,12 @@ A web application that allows users to understand their blood test results quick
 - Automated biomarker extraction from uploaded PDFs.
 - In-depth analysis, comparison with medical sources, and comprehensive report generation.
 
+
+## Screenshots
+
+![pic222](https://github.com/kleenkanteen/Dr.Dracula/assets/19821445/3157c83e-abcf-45fb-8240-ebb00053982b)
+![pic111](https://github.com/kleenkanteen/Dr.Dracula/assets/19821445/bcbd74d8-7a34-4444-888e-9edae922f2f4)
+
 ## How to use the app locally
 
 **Step #1** - Clone the project

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -8,15 +8,13 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import NavBar from "../components/NavBar";
 import Banner from "../components/Banner";
 import Skills from "../components/Skills";
-import Footer from "../components/Footer";
 
 export default function HomePage() {
   return (
     <>
       <NavBar />
       <Banner />
       <Skills />
-      <Footer />
     </>
   );
 }
diff --git a/frontend/src/components/Banner.tsx b/frontend/src/components/Banner.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, FC } from "react";
 import { Container, Row, Col } from "react-bootstrap";
-import headerImg from "../assets/img/header-img.svg";
+import headerImg from "../assets/img/drdracula-logo.png";
 import 'animate.css';
 import TrackVisibility from 'react-on-screen';
 
@@ -63,7 +63,7 @@ const Banner: FC = () => {
             <TrackVisibility>
               {({ isVisible }) =>
                 <div className={isVisible ? "animate__animated animate__zoomIn" : ""}>
-                  <img src={headerImg} alt="Header Img"/>
+                  <img src={(headerImg as any)} alt="Header Img"/>
                 </div>}
             </TrackVisibility>
           </Col>

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
diff --git a/frontend/src/components/NavBar.tsx b/frontend/src/components/NavBar.tsx
@@ -1,6 +1,5 @@
 import React, { useState, useEffect } from "react";
 import { Navbar, Nav, Container } from "react-bootstrap";
-import logo from '../assets/img/logo.svg';
 import navIcon1 from '../assets/img/nav-icon1.svg';
 import navIcon2 from '../assets/img/nav-icon2.svg';
 import navIcon3 from '../assets/img/nav-icon3.svg';
@@ -33,9 +32,6 @@ const NavBar = () => {
     <Router>
       <Navbar expand="md" className={scrolled ? "scrolled" : ""}>
         <Container>
-          <Navbar.Brand href="/">
-            <img src={logo} alt="Logo" />
-          </Navbar.Brand>
           <Navbar.Toggle aria-controls="basic-navbar-nav">
             <span className="navbar-toggler-icon"></span>
           </Navbar.Toggle>