Merge pull request #72 from IQEngine/chadp/site

Chadp/site
IQEngine · Sep 15, 2023 · 0c9ec03 · 0c9ec03
2 parents a2e0276 + 31fd200
commit 0c9ec03
Show file tree

Hide file tree

Showing 26 changed files with 64 additions and 21 deletions.
diff --git a/default.conf b/default.conf
@@ -6,10 +6,29 @@ server {
     root /usr/share/nginx/html;
     index index.html;
 
+    charset utf-8;
+
     location / {
+        add_header Content-Type "application/html";
         try_files $uri $uri/ /index.html;
     }
 
+    location ~* \.(css|js|svg|png|bmp|jpeg|jpg|ico)$ {
+        expires 30d;
+        add_header Cache-Control "public, max-age=2592000";
+        add_header X-Content-Type-Options "nosniff";
+    }
+
+    location = /sitemap.xml {
+        add_header Content-Type "application/xml";
+        try_files $uri /index.html;
+    }
+
+    location = /robots.txt {
+        add_header Content-Type "text/plain";
+        try_files $uri /index.html;
+    }
+
     error_page 404 /index.html;
 
     location = /40x.html {

diff --git a/site/index.html b/site/index.html
@@ -2,34 +2,45 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="canonical" href="https://webfft.com" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="upgrade-insecure-requests"
+    />
+    <meta http-equiv="Cross-Origin-Embedder-Policy" content="require-corp" />
+    <meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
     <link
       href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap"
       rel="stylesheet"
     />
     <link
       rel="apple-touch-icon"
       sizes="180x180"
-      href="/src/assets/favicons/apple-touch-icon.png"
+      href="/assets/favicons/apple-touch-icon.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="32x32"
-      href="/src/assets/favicons/favicon-32x32.png"
+      href="/assets/favicons/favicon-32x32.png"
     />
     <link
       rel="icon"
       type="image/png"
       sizes="16x16"
-      href="/src/assets/favicons/favicon-16x16.png"
+      href="/assets/favicons/favicon-16x16.png"
     />
-    <link rel="manifest" href="/src/assets/favicons/site.webmanifest" />
+    <link rel="manifest" href="/assets/favicons/site.webmanifest" />
     <link
       rel="mask-icon"
-      href="/src/assets/favicons/safari-pinned-tab.svg"
+      href="/assets/favicons/safari-pinned-tab.svg"
       color="#5bbad5"
     />
-    <link rel="shortcut icon" href="/src/assets/favicons/favicon.ico" />
+    <link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
     <meta
       name="description"
       content="WebFFT is the a meta-library leveraging new WebSIMD technology to optimize FFT processes on the web dynamically. Optimized for speed, WebFFT always selects the best FFT algorithm for you based on your browser, OS, and whether SIMD is available."
@@ -48,13 +59,26 @@
     />
     <meta
       property="og:image"
-      content="https://raw.githubusercontent.com/IQEngine/WebFFT/main/site/src/assets/wavelet.png"
+      content="https://raw.githubusercontent.com/IQEngine/WebFFT/main/site/public/assets/wavelet.png"
     />
     <meta property="og:url" content="https://webfft.com" />
+    <meta name="twitter:card" content="summary" />
+    <meta
+      name="twitter:title"
+      content="WebFFT - The Pioneering Meta-Library for Optimized FFT Processes"
+    />
+    <meta
+      name="twitter:description"
+      content="Discover WebFFT, the first-ever meta-library utilizing WebSIMD tech for the fastest FFT processes, stepping in where maintained web FFT libraries are lacking."
+    />
+    <meta
+      name="twitter:image"
+      content="https://raw.githubusercontent.com/IQEngine/WebFFT/main/site/public/assets/wavelet.png"
+    />
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta
       name="msapplication-config"
-      content="/src/assets/favicons/browserconfig.xml"
+      content="/assets/favicons/browserconfig.xml"
     />
     <meta name="theme-color" content="#333333" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/site/src/assets/__MACOSX/._github-mark → site/public/assets/__MACOSX/._github-mark b/site/src/assets/__MACOSX/._github-mark → site/public/assets/__MACOSX/._github-mark
diff --git a/...ACOSX/github-mark/._github-mark-white.png → ...ACOSX/github-mark/._github-mark-white.png b/...ACOSX/github-mark/._github-mark-white.png → ...ACOSX/github-mark/._github-mark-white.png
diff --git a/...ACOSX/github-mark/._github-mark-white.svg → ...ACOSX/github-mark/._github-mark-white.svg b/...ACOSX/github-mark/._github-mark-white.svg → ...ACOSX/github-mark/._github-mark-white.svg
diff --git a/...ts/__MACOSX/github-mark/._github-mark.png → ...ts/__MACOSX/github-mark/._github-mark.png b/...ts/__MACOSX/github-mark/._github-mark.png → ...ts/__MACOSX/github-mark/._github-mark.png
diff --git a/...ts/__MACOSX/github-mark/._github-mark.svg → ...ts/__MACOSX/github-mark/._github-mark.svg b/...ts/__MACOSX/github-mark/._github-mark.svg → ...ts/__MACOSX/github-mark/._github-mark.svg
diff --git a/...ssets/favicons/android-chrome-192x192.png → ...ssets/favicons/android-chrome-192x192.png b/...ssets/favicons/android-chrome-192x192.png → ...ssets/favicons/android-chrome-192x192.png
diff --git a/...ssets/favicons/android-chrome-512x512.png → ...ssets/favicons/android-chrome-512x512.png b/...ssets/favicons/android-chrome-512x512.png → ...ssets/favicons/android-chrome-512x512.png
diff --git a/.../src/assets/favicons/apple-touch-icon.png → ...blic/assets/favicons/apple-touch-icon.png b/.../src/assets/favicons/apple-touch-icon.png → ...blic/assets/favicons/apple-touch-icon.png
diff --git a/site/src/assets/favicons/browserconfig.xml → .../public/assets/favicons/browserconfig.xml b/site/src/assets/favicons/browserconfig.xml → .../public/assets/favicons/browserconfig.xml
@@ -2,7 +2,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/src/assets/favicons/mstile-150x150.png"/>
+            <square150x150logo src="/assets/favicons/mstile-150x150.png"/>
             <TileColor>#da532c</TileColor>
         </tile>
     </msapplication>

diff --git a/site/src/assets/favicons/favicon-16x16.png → .../public/assets/favicons/favicon-16x16.png b/site/src/assets/favicons/favicon-16x16.png → .../public/assets/favicons/favicon-16x16.png
diff --git a/site/src/assets/favicons/favicon-32x32.png → .../public/assets/favicons/favicon-32x32.png b/site/src/assets/favicons/favicon-32x32.png → .../public/assets/favicons/favicon-32x32.png
diff --git a/site/src/assets/favicons/favicon.ico → site/public/assets/favicons/favicon.ico b/site/src/assets/favicons/favicon.ico → site/public/assets/favicons/favicon.ico
diff --git a/site/src/assets/favicons/mstile-150x150.png → ...public/assets/favicons/mstile-150x150.png b/site/src/assets/favicons/mstile-150x150.png → ...public/assets/favicons/mstile-150x150.png
diff --git a/...src/assets/favicons/safari-pinned-tab.svg → ...lic/assets/favicons/safari-pinned-tab.svg b/...src/assets/favicons/safari-pinned-tab.svg → ...lic/assets/favicons/safari-pinned-tab.svg
diff --git a/site/src/assets/favicons/site.webmanifest → site/public/assets/favicons/site.webmanifest b/site/src/assets/favicons/site.webmanifest → site/public/assets/favicons/site.webmanifest
@@ -3,12 +3,12 @@
     "short_name": "",
     "icons": [
         {
-            "src": "/src/assets/favicons/android-chrome-192x192.png",
+            "src": "/assets/favicons/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/src/assets/favicons/android-chrome-512x512.png",
+            "src": "/assets/favicons/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }

diff --git a/.../assets/github-mark/github-mark-white.png → .../assets/github-mark/github-mark-white.png b/.../assets/github-mark/github-mark-white.png → .../assets/github-mark/github-mark-white.png
diff --git a/.../assets/github-mark/github-mark-white.svg → .../assets/github-mark/github-mark-white.svg b/.../assets/github-mark/github-mark-white.svg → .../assets/github-mark/github-mark-white.svg
diff --git a/site/src/assets/github-mark/github-mark.png → ...public/assets/github-mark/github-mark.png b/site/src/assets/github-mark/github-mark.png → ...public/assets/github-mark/github-mark.png
diff --git a/site/src/assets/github-mark/github-mark.svg → ...public/assets/github-mark/github-mark.svg b/site/src/assets/github-mark/github-mark.svg → ...public/assets/github-mark/github-mark.svg
diff --git a/site/src/assets/npm-logo-red.svg → site/public/assets/npm-logo-red.svg b/site/src/assets/npm-logo-red.svg → site/public/assets/npm-logo-red.svg
diff --git a/site/src/assets/react.svg → site/public/assets/react.svg b/site/src/assets/react.svg → site/public/assets/react.svg
diff --git a/site/src/assets/wavelet.png → site/public/assets/wavelet.png b/site/src/assets/wavelet.png → site/public/assets/wavelet.png
diff --git a/site/src/components/About.tsx b/site/src/components/About.tsx
@@ -23,7 +23,7 @@ function About() {
         <br></br>
         <div className="flex">
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/777arc">
+            <a href="https://github.com/777arc" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/777arc.png"
@@ -33,7 +33,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/lmiguelgato">
+            <a href="https://github.com/lmiguelgato" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/lmiguelgato.png"
@@ -43,7 +43,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/chadp777">
+            <a href="https://github.com/chadp777" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/chadp777.png"
@@ -53,7 +53,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/mcontractor12">
+            <a href="https://github.com/mcontractor12" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/mcontractor12.png"
@@ -63,7 +63,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/faikwokms">
+            <a href="https://github.com/faikwokms" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/faikwokms.png"
@@ -73,7 +73,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/10sae">
+            <a href="https://github.com/10sae" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/10sae.png"
@@ -83,7 +83,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/robotastic">
+            <a href="https://github.com/robotastic" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/robotastic.png"
@@ -93,7 +93,7 @@ function About() {
             </a>
           </div>
           <div className="flex flex-col items-center mx-auto">
-            <a href="https://github.com/Nepomuceno">
+            <a href="https://github.com/Nepomuceno" target="_blank">
               <img
                 className="rounded-3xl w-16"
                 src="https://github.com/Nepomuceno.png"

diff --git a/site/src/components/LinksSection.tsx b/site/src/components/LinksSection.tsx
@@ -1,5 +1,5 @@
-import GitHubMark from "../assets/github-mark/github-mark-white.svg";
-import NpmLogo from "../assets/npm-logo-red.svg";
+import GitHubMark from "/assets/github-mark/github-mark-white.svg";
+import NpmLogo from "/assets/npm-logo-red.svg";
 import { Link } from "react-router-dom";
 
 function LinksSection() {