Rename to virtus, add logo

romaingyh · May 19, 2023 · 6701abb · 6701abb
1 parent e92e7ae
commit 6701abb
Show file tree

Hide file tree

Showing 10 changed files with 314 additions and 14 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -25,4 +25,4 @@ jobs:
           username: ${{ secrets.USERNAME }}
           password: ${{ secrets.PASSWORD }}
           local-dir: ./build/
-          server-dir: /domains/gengod.fr/public_html/chad/
+          server-dir: /domains/gengod.fr/public_html/virtus/
diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./src",
+    "checkJs": true,
+    "jsx": "react"
+  }
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,14 +1,17 @@
 {
-  "name": "chad_website",
+  "name": "virtus_website",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
+    "redux": "^4.2.1",
+    "video-react": "^0.16.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="Chad App" content="Application mobile Chad" />
+    <meta name="Virtus App" content="Application mobile Virtus" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -21,7 +21,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Chad App</title>
+    <title>Virtus App</title>
   </head>
 
   <body>

diff --git a/src/App.js b/src/App.js
@@ -1,16 +1,21 @@
+import React from "react";
+
 import home from "./assets/screenshots/home.jpeg";
 import measurements from "./assets/screenshots/measurements.jpeg";
 import exercises_evolution from "./assets/screenshots/exercises_evolution.jpeg";
 import before_after from "./assets/videos/before_after.mp4";
+import virtus_icon from "./assets/icons/virtus.svg";
 
 function App() {
   return (
-    <div classNameName="App">
+    <div className="App">
 
       <nav
-        className="sticky top-0 z-10 flex justify-between bg-white p-4 font-semibold tracking-tight md:px-16 xl:px-36"
+        className="sticky top-0 z-10 h-16 flex justify-between items-center bg-white font-semibold tracking-tight md:px-16 xl:px-36"
       >
-        <a href="#home">Logo</a>
+        <a href="#home" className="h-full">
+          <img src={virtus_icon} alt="Virtus logo" className="h-full" />
+        </a>
 
         <ul className="flex gap-4">
           <li><a href="/">App Store</a></li>
@@ -61,7 +66,7 @@ function App() {
 
         <img
           src={home}
-          alt="Chad app home page"
+          alt="Virtus app home page"
           className="z-0 my-12 w-full max-w-[20rem] rounded-3xl shadow-2xl shadow-blue-300 drop-shadow-2xl lg:my-0 lg:w-1/3"
         />
       </section>
@@ -84,17 +89,41 @@ function App() {
           </p>
         </div>
 
+        {/* <SegmentedControl
+          name="stats-carousel"
+          controlRef={useRef()}
+          segments={
+            [
+              {
+                value: "measurements",
+                label: "Mensurations",
+                ref: useRef(),
+              },
+              {
+                value: "exercises_evolution",
+                label: "Stats",
+                ref: useRef(),
+              },
+            ]
+          }
+          onChange={
+            (value, index) => {
+              console.log(value);
+            }
+          }
+        /> */}
+
         <div
           className="my-12 flex w-full max-w-[20rem] flex-col gap-12 lg:my-0 lg:max-w-lg lg:flex-row lg:justify-end xl:max-w-none"
         >
           <img
             src={exercises_evolution}
-            alt="Chad app home page"
+            alt="Application Virtus statistiques exercices"
             className="min-h-0 min-w-0 max-w-[20rem] flex-1 rounded-3xl shadow-2xl shadow-blue-300 drop-shadow-2xl"
           />
           <img
             src={measurements}
-            alt="Chad app home page"
+            alt="Application Virtus mensurations"
             className="min-h-0 min-w-0 max-w-[20rem] flex-1 rounded-3xl shadow-2xl shadow-blue-300 drop-shadow-2xl"
           />
         </div>
@@ -119,10 +148,9 @@ function App() {
           muted
           loop
           playsInline
-          lazyload="true"
-          src={before_after}
           className="z-0 my-12 w-full max-w-[20rem] rounded-3xl shadow-2xl shadow-blue-300 drop-shadow-2xl md:order-1 lg:my-0 lg:w-1/3"
         >
+          <source src={before_after} type="video/mp4" />
         </video>
       </section>
 

diff --git a/src/assets/icons/virtus.svg b/src/assets/icons/virtus.svg