├── .env ├── .gitignore ├── README.md ├── package.json ├── public ├── index.html ├── manifest.json └── overvue_layeredlogo.png └── src ├── App.js ├── assets ├── Button.js ├── DeveloperCard.js ├── HeadTwoStyle.js ├── dev-pics │ ├── FarazPic.png │ ├── Megan.JPG │ ├── NicholasPic.jpeg │ ├── SeanPic.png │ ├── TerryPic.jpg │ ├── alex.PNG │ ├── alexlu.jpg │ ├── allison1.jpg │ ├── aram.jpg │ ├── ari.jpg │ ├── bender.jpeg │ ├── bryanb.png │ ├── dean-chung.png │ ├── deano.jpg │ ├── drew.jpg │ ├── gabby.jpg │ ├── jace.jpeg │ ├── jeffrey.jpeg │ ├── johnny.jpeg │ ├── joju.jpg │ ├── joseph.jpg │ ├── julia.jpeg │ ├── katherine.png │ ├── kenny.jpg │ ├── keri_overvue.png │ ├── kerolos.jpg │ ├── keyla.jpeg │ ├── placeholder.png │ ├── ross.jpg │ ├── shanon.jpeg │ ├── sonny.jpg │ └── zoew.png ├── logo │ ├── docker-logo.png │ ├── overvue-logo.svg │ ├── overvue_layeredlogo.png │ └── overvue_trans.png └── styles.css ├── components ├── Contribute.js └── WebApp.js ├── containers ├── Body.js ├── Footer.js └── Header.js ├── index.js └── serviceWorker.js /.env: -------------------------------------------------------------------------------- 1 | SKIP_PREFLIGHT_CHECK=true 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | package-lock.json 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # OverVuePage 2 | 3 | Our public facing static page made with love in React. 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "overvuepage", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "framer-motion": "^1.3.0", 7 | "mui": "^0.0.1", 8 | "react": "^16.8.6", 9 | "react-dom": "^16.8.6", 10 | "react-github-btn": "^1.0.5", 11 | "react-scripts": "^3.0.1", 12 | "styled-components": "^4.3.2" 13 | }, 14 | "scripts": { 15 | "start": "react-scripts start", 16 | "build": "react-scripts build", 17 | "test": "react-scripts test", 18 | "eject": "react-scripts eject", 19 | "deploy": "aws s3 sync build/ s3://overvue6" 20 | }, 21 | "eslintConfig": { 22 | "extends": "react-app" 23 | }, 24 | "browserslist": { 25 | "production": [ 26 | ">0.2%", 27 | "not dead", 28 | "not op_mini all" 29 | ], 30 | "development": [ 31 | "last 1 chrome version", 32 | "last 1 firefox version", 33 | "last 1 safari version" 34 | ] 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 11 | 12 | 16 | 17 | 26 | 27 | 28 | 29 | 30 | OverVue 31 | 32 | 33 | 34 |
35 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "OverVue", 3 | "name": "OverVue Page", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#27262e" 15 | } 16 | -------------------------------------------------------------------------------- /public/overvue_layeredlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/public/overvue_layeredlogo.png -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Header } from "./containers/Header"; 3 | import { Body } from "./containers/Body"; 4 | import { Footer } from "./containers/Footer"; 5 | import "./assets/styles.css"; 6 | 7 | function App() { 8 | return ( 9 |
10 |
11 | 12 |
13 |
14 | ); 15 | } 16 | 17 | export default App; -------------------------------------------------------------------------------- /src/assets/Button.js: -------------------------------------------------------------------------------- 1 | import styled from "styled-components"; 2 | 3 | export const Button = styled.a` 4 | font-size: 1.1rem; 5 | padding: 10px; 6 | color: white; 7 | 8 | background-color: none; 9 | text-decoration: none; 10 | border-radius: 0.5rem; 11 | border: 1px solid white; 12 | font-family: sans-serif; 13 | transition: 200ms ease-in; 14 | &:hover { 15 | background-color: rgb(255, 255, 255, 0.2); 16 | } 17 | margin-top: 1rem; 18 | padding: 0.5em 1.2em; 19 | display: inline-block; 20 | border: 0.8px solid white; 21 | `; 22 | -------------------------------------------------------------------------------- /src/assets/DeveloperCard.js: -------------------------------------------------------------------------------- 1 | import styled from "styled-components"; 2 | // styling for the developer card in footer 3 | const DeveloperCard = styled.div` 4 | display: flex; 5 | flex-direction: column; 6 | justify-content: space-around; 7 | align-items: center; 8 | width: 8em; 9 | height: 8e,; 10 | margin: 2.25em; 11 | 12 | .dev-pic { 13 | margin-bottom: 1em; 14 | border-radius: 100%; 15 | width: 8em; 16 | height: 8em; 17 | } 18 | .dev-name { 19 | color: #dde; 20 | line-height: 1.7em; 21 | font-weight: 500; 22 | } 23 | a { 24 | color: #dde; 25 | text-decoration: none; 26 | font-size: .9em; 27 | font-weight: 500; 28 | margin-bottom: -2.25em; 29 | } 30 | a:hover { 31 | color: #eef; 32 | transition: 0.3s; 33 | } 34 | `; 35 | 36 | export default DeveloperCard; 37 | -------------------------------------------------------------------------------- /src/assets/HeadTwoStyle.js: -------------------------------------------------------------------------------- 1 | // styled component for

header 2 | import styled from "styled-components"; 3 | 4 | // Heading of body 5 | const HeadTwoStyles = styled.div` 6 | margin: 1em; 7 | 8 | div { 9 | margin-top: -.35em; 10 | display: flex; 11 | flex-direction: column; 12 | justify-content: space-between; 13 | align-items: flex-start; 14 | } 15 | h2 { 16 | font-size: 18px; 17 | /* text-transform: uppercase; */ 18 | font-weight: 200; 19 | } 20 | p { 21 | font-size: 14px; 22 | } 23 | `; 24 | 25 | export default HeadTwoStyles; 26 | -------------------------------------------------------------------------------- /src/assets/dev-pics/FarazPic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/FarazPic.png -------------------------------------------------------------------------------- /src/assets/dev-pics/Megan.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/Megan.JPG -------------------------------------------------------------------------------- /src/assets/dev-pics/NicholasPic.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/NicholasPic.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/SeanPic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/SeanPic.png -------------------------------------------------------------------------------- /src/assets/dev-pics/TerryPic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/TerryPic.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/alex.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/alex.PNG -------------------------------------------------------------------------------- /src/assets/dev-pics/alexlu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/alexlu.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/allison1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/allison1.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/aram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/aram.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/ari.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/ari.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/bender.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/bender.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/bryanb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/bryanb.png -------------------------------------------------------------------------------- /src/assets/dev-pics/dean-chung.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/dean-chung.png -------------------------------------------------------------------------------- /src/assets/dev-pics/deano.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/deano.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/drew.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/drew.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/gabby.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/gabby.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/jace.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/jace.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/jeffrey.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/jeffrey.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/johnny.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/johnny.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/joju.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/joju.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/joseph.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/joseph.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/julia.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/julia.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/katherine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/katherine.png -------------------------------------------------------------------------------- /src/assets/dev-pics/kenny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/kenny.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/keri_overvue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/keri_overvue.png -------------------------------------------------------------------------------- /src/assets/dev-pics/kerolos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/kerolos.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/keyla.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/keyla.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/placeholder.png -------------------------------------------------------------------------------- /src/assets/dev-pics/ross.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/ross.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/shanon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/shanon.jpeg -------------------------------------------------------------------------------- /src/assets/dev-pics/sonny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/sonny.jpg -------------------------------------------------------------------------------- /src/assets/dev-pics/zoew.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/dev-pics/zoew.png -------------------------------------------------------------------------------- /src/assets/logo/docker-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/logo/docker-logo.png -------------------------------------------------------------------------------- /src/assets/logo/overvue-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/logo/overvue_layeredlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/logo/overvue_layeredlogo.png -------------------------------------------------------------------------------- /src/assets/logo/overvue_trans.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TeamOverVue/OverVuePage/ee36bc7e93b97dc1af527c8826762a5a554df5ce/src/assets/logo/overvue_trans.png -------------------------------------------------------------------------------- /src/assets/styles.css: -------------------------------------------------------------------------------- 1 | /* macbook air */ 2 | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"); 3 | 4 | body { 5 | font-size: 1.1rem; 6 | padding: 0px; 7 | font-family: 'Mukta', sans-serif; 8 | text-align: center; 9 | 10 | color: white; 11 | } 12 | 13 | #mainLogo { 14 | width: 600px; 15 | max-width: 80vw; 16 | height: auto !important; 17 | } 18 | 19 | 20 | 21 | @media only screen and (max-height: 766px) { 22 | .header { 23 | height: 100vh; 24 | padding: 0px; 25 | background-color: red; 26 | } 27 | 28 | div { 29 | margin: 0rem; 30 | } 31 | 32 | .left .right { 33 | flex-direction: column; 34 | } 35 | } 36 | 37 | @media only screen and (max-width: 766px) { 38 | #webapp { 39 | display: none; 40 | } 41 | 42 | .contribute { 43 | margin: 0; 44 | } 45 | 46 | .left .right { 47 | margin: 0rem; 48 | } 49 | 50 | .footer { 51 | padding: 1em !important; 52 | } 53 | } 54 | 55 | .left { 56 | display: flex; 57 | flex-direction: row-reverse; 58 | } 59 | 60 | .right { 61 | display: flex; 62 | } 63 | 64 | * { 65 | margin: 0; 66 | padding: 0; 67 | box-sizing: border-box; 68 | 69 | } 70 | 71 | /* body::-webkit-scrollbar { 72 | display: none; 73 | } */ 74 | 75 | html { 76 | padding: 0px; 77 | } 78 | 79 | 80 | #name { 81 | font-size: 8rem; 82 | color: black; 83 | } 84 | 85 | .title { 86 | 87 | } 88 | 89 | .laptop { 90 | border: 8px solid black; 91 | border-radius: 30px; 92 | margin: 0; 93 | padding: 1rem; 94 | background: black; 95 | } 96 | 97 | .margin-tb { 98 | margin: 6rem 0; 99 | display: flex; 100 | flex-direction: column; 101 | align-items: center; 102 | } 103 | 104 | .margin-tb-small { 105 | margin: 1rem 0; 106 | display: flex; 107 | flex-direction: column; 108 | align-items: center; 109 | } 110 | 111 | .lowerText { 112 | font-size: 1.5rem; 113 | display: block; 114 | } 115 | 116 | .githubbtn { 117 | margin-bottom: 2rem; 118 | display: inline-block; 119 | margin-top: 4rem; 120 | } 121 | 122 | .footer { 123 | background: rgb(1, 3, 131); 124 | background: linear-gradient( 125 | 107deg, 126 | rgb(52, 73, 94) 0%, 127 | rgb(1, 4, 31) 70% 128 | ); 129 | padding: 1em; 130 | } 131 | 132 | .devCards { 133 | display: flex; 134 | flex-direction: row; 135 | flex-wrap: wrap; 136 | justify-content: center; 137 | } 138 | 139 | .team-heading { 140 | margin-top: 3rem; 141 | font-weight: 200; 142 | font-size: 1.5rem; 143 | } 144 | 145 | .m-1 { 146 | margin-top: -6rem; 147 | } 148 | 149 | .shadow { 150 | width: 100%; 151 | height: auto; 152 | border-radius: 2px; 153 | box-shadow: 2px 4px 5px rgba(52, 73, 94, 0.4); 154 | } 155 | 156 | .black { 157 | color: black; 158 | } 159 | 160 | .iframe { 161 | border: none; 162 | margin-top: 2rem; 163 | width: 90vw; 164 | height: 1000px; 165 | box-shadow: 0px 8px 15px 5px rgba(66, 66, 66, 0.8); 166 | background: black; 167 | -webkit-transform: scale(0.85); 168 | -moz-transform: scale(0.85); 169 | } 170 | 171 | .note-text { 172 | color: gray; 173 | line-height: 150%; 174 | } 175 | .docker-img{ 176 | width: 480px; 177 | border: 1px solid black; 178 | } -------------------------------------------------------------------------------- /src/components/Contribute.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import styled from "styled-components"; 3 | // styling and functionality of writing, OverVue link below the developer card 4 | const BottomDiv = styled.div` 5 | @media only screen and (max-width: 800px) { 6 | h2 { 7 | } 8 | h2::after { 9 | display: none; 10 | } 11 | .contribute { 12 | margin: 0em auto; 13 | } 14 | } 15 | height: 100%; 16 | justify-content: left; 17 | margin: 2rem; 18 | margin-top: 6rem; 19 | h2 { 20 | font-weight: 100; 21 | } 22 | h2::after { 23 | background: hsla(0, 0%, 56.5%, 0.5); 24 | content: ""; 25 | display: block; 26 | height: 1px; 27 | margin: 1em auto; 28 | width: 50%; 29 | } 30 | i { 31 | font-size: 1.1em; 32 | margin: 0em 0em; 33 | margin-left: 0.5em; 34 | } 35 | .contribute { 36 | width: 6.4rem; 37 | display: flex; 38 | margin: 2em auto; 39 | font-size: 1.1rem; 40 | padding: 10px; 41 | color: white; 42 | background-color: none; 43 | text-decoration: none; 44 | border-radius: 0.5rem; 45 | border: 1px solid white; 46 | background: none; 47 | font-family: sans-serif; 48 | transition: 200ms ease-in; 49 | &:hover { 50 | background-color: rgb(255, 255, 255, 0.2); 51 | } 52 | } 53 | `; 54 | 55 | export const Contribute = () => { 56 | return ( 57 | 58 |

Want to Contribute?

59 |
OverVue is open source. Help make Vue prototyping better!
60 | 61 |

Github

62 | 63 | 64 | ); 65 | }; 66 | -------------------------------------------------------------------------------- /src/components/WebApp.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import "src/assets/styles.css"; 3 | 4 | // loading Demo 5 | export const WebApp = () => { 6 | return ( 7 |
8 |

Light Demo 👇

9 |
10 |