Change logo in animations and graphics

restatedev · Jun 11, 2024 · 6ca5ac2 · 6ca5ac2
1 parent b989875
commit 6ca5ac2
Show file tree

Hide file tree

Showing 11 changed files with 472 additions and 470 deletions.
diff --git a/src/components/DurableExecutionAnimation/animation-stylesheet.css b/src/components/DurableExecutionAnimation/animation-stylesheet.css
@@ -7,8 +7,8 @@ div#animation_container {
 }
 
 .color-primary {
-    --data-section-color: #2a1e5c;
-    --data-section-color-light: #443196;
+    --data-section-color: #222452;
+    --data-section-color-light: #3742a3;
 }
 
 .color-1 {

diff --git a/src/components/DurableExecutionAnimation/index.js b/src/components/DurableExecutionAnimation/index.js
@@ -59,7 +59,7 @@ class Runtime extends React.Component {
                 <div className="text--center">
                     <img
                         className="logo-animation img-fluid"
-                        src="/img/durable_execution_animation/restate.png"
+                        src="/img/restate-logo.svg"
                     />
                 </div>
                 <h6>State</h6>

diff --git a/src/components/FeatureSpotlight/index.tsx b/src/components/FeatureSpotlight/index.tsx
@@ -9,7 +9,6 @@ type FeatureItem = {
 };
 
 export default function FeatureSpotlight({title, imgPath, imgSize, description}): JSX.Element {
-  const widthImg = imgSize ? imgSize : '70%';
   return (
     <section className={styles.featurespotlight}>
       <div className="container">
@@ -23,7 +22,7 @@ export default function FeatureSpotlight({title, imgPath, imgSize, description})
                 ) : null}
                 {imgPath ? (
                     <div className="text--center">
-                      <img width={widthImg} src={imgPath}  alt={title}/>
+                      <img src={imgPath}  alt={title}/>
                     </div>
                 ) : null}
               </div>

diff --git a/src/components/TourAnimation/animation-stylesheet.css b/src/components/TourAnimation/animation-stylesheet.css
@@ -7,8 +7,8 @@ div#animation_container {
 }
 
 .color-primary {
-    --data-section-color: #2a1e5c;
-    --data-section-color-light: #443196;
+    --data-section-color: #222452;
+    --data-section-color-light: #3742a3;
 }
 
 .color-1 {

diff --git a/src/components/TourAnimation/index.js b/src/components/TourAnimation/index.js
@@ -59,7 +59,7 @@ class Runtime extends React.Component {
                 <div className="text--center">
                     <img
                         className="logo-animation img-fluid"
-                        src="/img/durable_execution_animation/restate.png"
+                        src="/img/restate-logo.svg"
                     />
                 </div>
                 <h6>Journals</h6>

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -122,7 +122,7 @@ a.firstTimeButton {
 }
 
 a.firstTimeButton:hover {
-  background-color: #a27dff4a;
+  background-color: var(--ifm-color-secondary);
   color: #1e2023;
   text-decoration: none;
 }

diff --git a/static/img/durable_execution_animation/restate.png b/static/img/durable_execution_animation/restate.png
diff --git a/static/img/use_cases/event_processing.svg b/static/img/use_cases/event_processing.svg
diff --git a/static/img/use_cases/microservice_orchestration.svg b/static/img/use_cases/microservice_orchestration.svg
diff --git a/static/img/use_cases/workflows.svg b/static/img/use_cases/workflows.svg
diff --git a/static/img/video.mp4 b/static/img/video.mp4