restructured

Author: kaizer1v

package-lock.json

@@ -1,10 +1,10 @@
 <div>
-  <img src="/assets/profile-pic.webp" alt="Headshot of Maxi Ferreira">
+  <img src="/assets/vivek.jpg" alt="Headshot of Vivek S">
   <p>
-    Hi, I'm <strong>Maxi</strong>. I'm a software engineer and data scientist based in Los Angeles.
-    You can follow me on <a href="https://www.twitter.com/Charca" target="_blank">Twitter</a>,
-    see some of my work on <a href="https://www.github.com/Charca" target="_blank">GitHub</a>,
-    or read more about me on <a href="https://www.maxiferreira.com" target="_blank">my website</a>.
+    Hi, I'm <strong>Vivek</strong>. I am a designer from Bangalore.
+    You can follow me on <a href="https://www.twitter.com/kaizer1v" target="_blank">Twitter</a>,
+    see some of my work on <a href="https://www.github.com/kaizer1v" target="_blank">GitHub</a>,
+    or read more about me on <a href="https://www.vivekipedia.in" target="_blank">my website</a>.
   </p>
 </div>
 

public/assets/vivek.jpg

@@ -57,7 +57,7 @@ const { current = '' } = Astro.props;
 
 <nav>
   <a class={current === "" ? "selected" : ""} href='/'>home</a>
-  <a class={current === "play" ? "selected" : ""} href='/play'>play</a>
+  <a class={current === "work" ? "selected" : ""} href='/work'>work</a>
   <a class={current === "reflections" ? "selected" : ""} href='/reflections'>reflections</a>
   <div class="theme-toggle-container">
     <ThemeToggleButton client:load />

src/components/Bio.astro

@@ -1,5 +1,5 @@
 ---
-title: Markdown Test Page
+title: First poem
 publishDate: 01 Dec 2021
 description: A sample page with the most common elements of an article, including headings, paragraphs, lists, and images. Use it as a starting point for applying your own styles.
 ---

src/components/Nav.astro

@@ -1,5 +1,5 @@
 ---
-title: Hello World 👋
+title: Write something 👋
 publishDate: 30 Nov 2021
 description: Every blog starts with a single post. This is yours. Make it great.
 ---

src/data/blog-posts/markdown-test.md renamed to src/data/reflections/first-poem.md

@@ -1,5 +1,5 @@
 ---
-title: Markdown Test Page
+title: Another project
 publishDate: 01 Dec 2021
 description: A sample page with the most common elements of an article, including headings, paragraphs, lists, and images. Use it as a starting point for applying your own styles.
 ---

src/data/blog-posts/hello-world.md renamed to src/data/reflections/write-something.md

@@ -1,5 +1,5 @@
 ---
-title: Hello World 👋
+title: Zinc learning labs
 publishDate: 30 Nov 2021
 description: Every blog starts with a single post. This is yours. Make it great.
 ---

src/data/play/another-project.md renamed to src/data/work/another-project.md

@@ -9,36 +9,23 @@ const permalink = Astro.site.href;
 <BaseLayout title={title} description={description} permalink={permalink}>
   <div class="home-container">
     <div class="home-copy">
-      <h1>Becoming!</h1>
-      <p>The underlying question:</p>
-      <p>Do I want to become something or do I want be as I am?</p>
-      <p>I believe, one becomes by their doing. I am currently in the transition of becoming something by exploring, playing and reflecting to understand what I am and what I want to become. But one can’t ignore the past doings and thus, embracing the past to create the future is for me - “becoming”. “Becoming” is the change and change is a habit.</p>
+      <h1>Hi, I am Vivek 👋</h1>
+      <p>Engineering + Design</p>
+      <p>I am a maker at heart, I like to make things. I work with information, data and graphics and interaction to often either communicate for clarity, play or making it usable.</p>
 
       <p>Past</p>
       <ul>
-        <li>Web development and front-end engineering, a lot of javascript</li>
-        <li>Data visualisation, python for data analysis and D3 for charts</li>
-        <li>DataKind & covid19bharat.org</li>
-        <li>Gramener - data visualisation for the ministry</li>
-        <li>Symantec & Informatica - B2B data products UX</li>
-        <li>UX design at SAP Labs - Focus on B2B UX (current)</li>
+        <li><span>Currently, </span>UX Designer at SAP</li>
+        <li><span>2021 - 2022</span>Leading DataKind & covid19bharat.org</li>
+        <li><span>2016 - 2018</span>Gramener - data visualisation for the ministry</li>
+        <li><span>2012 - 2016</span>Symantec & Informatica - B2B data products UX</li>
       </ul>
       <p>You can know more about work history on <a target="_blank" href="https://linkedin.com/in/vivek-shrinivasan">linkedin</a></p>
     </div>
 
     <div class="hero-image-container">
-      <a href="/play"><h1>Play -></h1></a>
+      <a href="/work"><h1>Work -></h1></a>
       <a href="/reflections"><h1>Reflections -></h1></a>
-      <!-- <picture>
-        <source srcset="/assets/home-illustration.webp" media="(min-width: 600px)">
-        <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration-small.webp" width="550" height="466">
-      </picture>
-      <p class="caption">
-        Illustration by
-        <a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a>
-        from
-        <a href="https://icons8.com/illustrations" target="_blank" rel="noopener">Ouch!</a>
-      </p> -->
     </div>
   </div>
 </BaseLayout>
@@ -57,6 +44,8 @@ const permalink = Astro.site.href;
     flex: 1;
     padding: 0 1em;
   }
+    .home-copy ul { list-style-type: none; }
+    .home-copy span { color: #707070; padding: 0 0.3rem; font-size: 0.8rem; }
 
   .home-copy h1 {
     font-weight: 700;

src/data/play/zinc-learning-labs.md renamed to src/data/work/zinc-learning-labs.md

@@ -4,7 +4,7 @@ import Bio from '../../components/Bio.astro';
 import getPostData from '../../utils/getPostData';
 
 export async function getStaticPaths() {
-  const posts = await Astro.glob('../../data/blog-posts/*.md');
+  const posts = await Astro.glob('../../data/reflections/*.md');
   return posts.map(p => ({
     params: { slug: p.file.split('/').pop().split('.').shift() },
     props: { post: p },