logo adjustments

mcnuttandrew · Jul 19, 2023 · c0def9f · c0def9f
1 parent 5a81df0
commit c0def9f
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ This is the Prong editor framework. The goal of this system is to provide a simp
 The core ideas are two: if you have taken the trouble to write a JSON Schema the we should be able to provide you with a nice structure editing style experience, and second if you want to just write react components that should be enough to insert them into a JSON editor.
 Based on this premise, we provide a projectional editor system that allows for the simple creation of editors for any task that has a JSON Schema (ie many JSON DSLs).
 
-![Example image of the prong editor framework instantiated for a vega-lite style application](./public/example.png)
+![Example image of the prong editor framework instantiated for a vega-lite style application](./example.png)
 
 This is described in our upcoming paper "Projectional Editors for JSON-DSLs". Please note that this is research grade software, so there are bugs and issues throughout.
 

diff --git a/public/example.png → example.png b/public/example.png → example.png
diff --git a/sites/docs/public/favicon.ico b/sites/docs/public/favicon.ico
diff --git a/sites/docs/public/logo.png b/sites/docs/public/logo.png
diff --git a/sites/docs/public/logo192.png b/sites/docs/public/logo192.png
diff --git a/sites/docs/public/logo512.png b/sites/docs/public/logo512.png
diff --git a/sites/docs/public/manifest.json b/sites/docs/public/manifest.json
@@ -1,9 +1,15 @@
 {
   "short_name": "prong-editor",
   "name": "prong-editor",
-  "icons": [],
+  "icons": [
+    {
+      "src": "/logo512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#ffffff",
+  "background_color": "#3333"
 }
diff --git a/sites/docs/scripts/do-build.sh b/sites/docs/scripts/do-build.sh
@@ -6,6 +6,8 @@ mkdir -p public/data
 cp ./node_modules/vega-datasets/data/* ./public/data/
 cp ./src/examples/Quiet* ./public/
 cp ../../README.md ./public/
+mkdir ./public/public
+cp ../../example.png ./public/
 
 # swap to using the published version of prong edtior
 yarn add prong-editor &&

diff --git a/sites/docs/src/App.css b/sites/docs/src/App.css
@@ -70,10 +70,10 @@ body, html, #root, .proot {
 
 
 .proot .link-container h1 {
-  position: absolute;
+  /* position: absolute; */
   left: 29%;
   top: 51px;
-  color: #333;
+  color: white;
   text-decoration: none;
 }
 
@@ -99,20 +99,8 @@ body, html, #root, .proot {
   max-width: 100%;
 }
 
-
-.hero {
-  position: relative;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  /* justify-content: center; */
-  height: 300px;
-  width: 300px;
-}
-
-.hero img {
+.link-container img {
   width: 300px;
-  position: absolute;
 }
 
 .md-container {

diff --git a/sites/docs/src/App.tsx b/sites/docs/src/App.tsx
@@ -165,16 +165,13 @@ function App() {
         <div className="link-container">
           {/* @ts-ignore */}
           <Link to={"/"}>
-            <div className="hero">
-              <img
-                src={"./logo.png"}
-                alt="logo for prong. black and white bird face surrounded by white splatters."
-              />
-              <h1>Prong</h1>
-            </div>
+            <img
+              src={"./logo.png"}
+              alt="logo for prong. black and white bird face surrounded by white splatters."
+            />
           </Link>
+          <h1>Prong</h1>
           <div className="flex-down">
-            <h3 className="">Meta</h3>
             <a href="https://github.com/mcnuttandrew/prong">GitHub</a>
             <a href="https://github.com/mcnuttandrew/prong">Paper</a>
           </div>