diff --git a/site/package.json b/site/package.json index d43a8958..db5a5443 100644 --- a/site/package.json +++ b/site/package.json @@ -13,8 +13,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", - "typescript": "^4.9.5", - "web-vitals": "^2.1.4" + "typescript": "^4.9.5" }, "scripts": { "start": "react-scripts start", diff --git a/site/public/avatar-shadow.png b/site/public/avatar-shadow.png new file mode 100644 index 00000000..c396c763 Binary files /dev/null and b/site/public/avatar-shadow.png differ diff --git a/site/public/avatar.png b/site/public/avatar.png new file mode 100644 index 00000000..7c390a8d Binary files /dev/null and b/site/public/avatar.png differ diff --git a/site/public/evo.png b/site/public/evo.png deleted file mode 100644 index 28b86261..00000000 Binary files a/site/public/evo.png and /dev/null differ diff --git a/site/public/favicon.ico b/site/public/favicon.ico index a11777cc..c4ba46a6 100644 Binary files a/site/public/favicon.ico and b/site/public/favicon.ico differ diff --git a/site/public/index.html b/site/public/index.html index aa069f27..50e4a8df 100644 --- a/site/public/index.html +++ b/site/public/index.html @@ -24,7 +24,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`. --> - React App + evo.ninja diff --git a/site/public/logo192.png b/site/public/logo192.png index fc44b0a3..36cfc11d 100644 Binary files a/site/public/logo192.png and b/site/public/logo192.png differ diff --git a/site/public/logo512.png b/site/public/logo512.png index a4e47a65..47ddf8d9 100644 Binary files a/site/public/logo512.png and b/site/public/logo512.png differ diff --git a/site/public/manifest.json b/site/public/manifest.json index 080d6c77..a1831217 100644 --- a/site/public/manifest.json +++ b/site/public/manifest.json @@ -1,6 +1,6 @@ { - "short_name": "React App", - "name": "Create React App Sample", + "short_name": "evo.ninja", + "name": "evo.ninja", "icons": [ { "src": "favicon.ico", diff --git a/site/public/wallpaper-bw.png b/site/public/wallpaper-bw.png new file mode 100644 index 00000000..99ef0bde Binary files /dev/null and b/site/public/wallpaper-bw.png differ diff --git a/site/public/wallpaper.png b/site/public/wallpaper.png new file mode 100644 index 00000000..2ca4414e Binary files /dev/null and b/site/public/wallpaper.png differ diff --git a/site/src/App.css b/site/src/App.css index 7166e6f0..6941d809 100644 --- a/site/src/App.css +++ b/site/src/App.css @@ -1,6 +1,6 @@ .App { text-align: center; - color: #0c79e6; + color: #ffeba0; background-color: #000000b8; } @@ -22,17 +22,17 @@ align-items: center; justify-content: center; font-size: calc(10px + 2vmin); - color: #0c79e6; + color: #ffeba0; } .App-link { - color: #0c79e6; + color: #ffeba0; } .App button { padding: 10px 20px; font-size: 1em; - color: #0c79e6; + color: #ffeba0; background-color: #181818b8; border: none; border-radius: 5px; @@ -57,7 +57,7 @@ display: flex; justify-content: space-between; padding: 20px; - color: #0c79e6; + color: #ffeba0; align-items: stretch; justify-content: center; max-width: 75vw; @@ -100,7 +100,7 @@ justify-content: space-between; padding: 20px; background-color: #00000000b8; - color: #0c79e6; + color: #ffeba0; align-items: stretch; justify-content: center; max-width: 75vw; @@ -131,45 +131,44 @@ } @import url(https://fonts.googleapis.com/css?family=Exo:100); - @-webkit-keyframes bg-scrolling-reverse { 100% { - background-position: 50px 50px; + background-position: 0 500px; } } @-moz-keyframes bg-scrolling-reverse { 100% { - background-position: 50px 50px; + background-position: 0 500px; } } @-o-keyframes bg-scrolling-reverse { 100% { - background-position: 50px 50px; + background-position: 0 500px; } } @keyframes bg-scrolling-reverse { 100% { - background-position: 50px 50px; + background-position: 0 500px; } } @-webkit-keyframes bg-scrolling { 0% { - background-position: 50px 50px; + background-position: 0 500px; } } @-moz-keyframes bg-scrolling { 0% { - background-position: 50px 50px; + background-position: 0 500px; } } @-o-keyframes bg-scrolling { 0% { - background-position: 50px 50px; + background-position: 0 500px; } } @keyframes bg-scrolling { 0% { - background-position: 50px 50px; + background-position: 0 500px; } } @@ -178,14 +177,14 @@ body { font: 400 16px/1.5 exo, ubuntu, "segoe ui", helvetica, arial, sans-serif; text-align: center; /* img size is 50x50 */ - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0; - -webkit-animation: bg-scrolling-reverse 0.92s infinite; + background: url("/public/wallpaper-bw.png") repeat 0 0; + -webkit-animation: bg-scrolling-reverse 5s infinite; /* Safari 4+ */ - -moz-animation: bg-scrolling-reverse 0.92s infinite; + -moz-animation: bg-scrolling-reverse 5s infinite; /* Fx 5+ */ - -o-animation: bg-scrolling-reverse 0.92s infinite; + -o-animation: bg-scrolling-reverse 5s infinite; /* Opera 12+ */ - animation: bg-scrolling-reverse 0.92s infinite; + animation: bg-scrolling-reverse 5s infinite; /* IE 10+ */ -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; @@ -198,3 +197,4 @@ body::before { font-weight: 100; font-style: normal; } + diff --git a/site/src/App.tsx b/site/src/App.tsx index 039083bc..88e4c669 100644 --- a/site/src/App.tsx +++ b/site/src/App.tsx @@ -16,8 +16,8 @@ function App() { return (
-

Meet "Evo"

- Evo +

evo.ninja

+ Evo

An AI that never stops learning.

diff --git a/site/src/index.tsx b/site/src/index.tsx index 032464fb..1fd12b70 100644 --- a/site/src/index.tsx +++ b/site/src/index.tsx @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; -import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement @@ -12,8 +11,3 @@ root.render( ); - -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); diff --git a/site/src/reportWebVitals.ts b/site/src/reportWebVitals.ts deleted file mode 100644 index 49a2a16e..00000000 --- a/site/src/reportWebVitals.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { ReportHandler } from 'web-vitals'; - -const reportWebVitals = (onPerfEntry?: ReportHandler) => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; diff --git a/site/yarn.lock b/site/yarn.lock index 44051833..d0e9648b 100644 --- a/site/yarn.lock +++ b/site/yarn.lock @@ -9069,11 +9069,6 @@ wbuf@^1.1.0, wbuf@^1.7.3: dependencies: minimalistic-assert "^1.0.0" -web-vitals@^2.1.4: - version "2.1.4" - resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-2.1.4.tgz#76563175a475a5e835264d373704f9dde718290c" - integrity sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg== - webidl-conversions@^4.0.2: version "4.0.2" resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"