bg adjust, working on new cv

Author: edeetee

src/components/css/main/index.module.css

@@ -33,9 +33,12 @@
     justify-self: "center";
     flex-grow: 1;
     flex-shrink: 1;
-    /* padding: 5vh 5vw 5vh 5vw; */
     margin: 0 auto;
-    background: rgba(0, 0, 0, 0.2);
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(3px);
+    box-sizing: border-box;
+    margin-top: 32px;
+    padding: 32px 48px;
 }
 
 .separator {
@@ -44,6 +47,10 @@
 }
 
 @media screen and (min-width: 1200px) {
+    .content {
+        padding: 64px 96px;
+    }
+
     .responsiveDoubleCol {
         flex-direction: row;
     }

src/components/css/main/index.tsx

@@ -117,8 +117,8 @@ export const Main: React.FC = () => {
 
             {!initialRenderComplete ? null : <Expandable expanded={showContent}>
                 <div ref={contentRef} className={styles.content}>
-                    <div className="not-print" style={{ margin: '32px 24px', padding: '32px 0' }}>{selectedPage?.page}</div>
-                    <div className="print-only" style={{ margin: '32px 24px', marginBottom: 0 }}>{selectedPage?.page}</div>
+                    <div className="not-print">{selectedPage?.page}</div>
+                    <div className="print-only">{selectedPage?.page}</div>
                 </div>
             </Expandable>}
 

src/lib/feedbackRenderer/feedback_uv.frag

@@ -23,7 +23,6 @@ vec2 snoise32(vec3 pos){
 }
 
 void main () {
-    
     vec2 mouseDist = (uv-mousePos)*aspect;
     float mouseLength = length(mouseDist);
     float mouseStrength = pow(max(1.0-mouseLength*1.0, 0.0), 5.0);
@@ -55,10 +54,10 @@ void main () {
         textureColor = blur(texture, textureUV, res, normalize(textureOffset)*max(0.3, min(1.0, length(textureOffset))));
 
     vec2 outUv = textureColor.xy;
-    outUv += pow(snoise32(vec3(uv*res*0.31232+vec2(1234.1232), t*10.323)), vec2(8.0))
-        *0.3
-        *speed
-        *(1.0+1.0*pow(snoise3(vec3(aspectUv*0.8312, t*0.2581232)), 2.0) + pow(mouseStrength, 100.0)*1.5);
+    outUv += pow(snoise32(vec3(uv*res*0.31232+vec2(1234.1232), t*5.323)), vec2(4.0))
+        *0.07
+        *speed;
+        // *(1.0+1.0*pow(snoise3(vec3(aspectUv*0.8312, t*0.2581232)), 2.0) + pow(mouseStrength, 100.0)*1.5);
 
     //alpha starts at 0
     outUv = mix(uv, outUv, (1.0-0.02*speed)*textureColor.a);

src/lib/feedbackRenderer/output.frag

@@ -9,38 +9,20 @@ uniform vec2 mousePos;
 uniform vec2 res;
 uniform vec2 aspect;
 
-float modPeriod = 0.3;
+float modPeriod = 0.2;
 
 void main () {
     vec4 textureColor = texture2D(texture, uv);
 
     vec2 feedbackDiff = textureColor.rg-uv;
-    float feedbackLength = min(1., length(feedbackDiff)*2.0);
+    float feedbackLength = length(feedbackDiff)*3.0;
     // float feedbackLength = textureColor.r;
     float edges = mod(feedbackLength, modPeriod)/modPeriod;
 
-    vec3 hsv = vec3(edges*0.5-0.5+t*0.05, 0.4, 1);
+    vec3 hsv = vec3(edges*0.4+t*0.02, 0.4, 1);
 
     vec3 color = hsv2rgb(hsv);
-    // vec3 color = vec3(textureColor.xy, 0.0);
-    // float brightness = edges;
-    float brightness = pow(feedbackLength, 2.5);
+    float brightness = pow(min(1.0,feedbackLength), 4.0);
 
     gl_FragColor = vec4(color, 1)*brightness;
-
-    vec2 mouseDiff = vec2(ivec2((mousePos-uv)*res+vec2(1.5, -1.5)));
-    float mouseLength = abs(mouseDiff.x)+abs(mouseDiff.y);
-
-    float dirMask = step(mouseDiff.x, 0.0)*step(-mouseDiff.y, 0.0);
-
-    float distMask = step(mouseLength, 4.0);
-    float mouseModX = 0.1;
-    // float cursorMask = distMask*dirMask;
-    float cursorMask = 0.0;
-
-    gl_FragColor = max(gl_FragColor*(1.0-cursorMask),(cursorMask-gl_FragColor));
-    // gl_FragColor = textureColor;
-    // gl_FragColor = vec4(0.0,0.0,0.0,0.0);
-    // gl_FragColor = vec4(textureColor.xy, 0, 1);
-    // gl_FragColor = vec4(mod(uv+textureColor.xy, vec2(1)), 0,1);
 }

src/markdown/cv.mdx

@@ -6,39 +6,40 @@ import { Separator } from '../lib/separator'
 
 # Skills
 
-<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around' }}>
+<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around', justifyContent: 'start' }}>
     <div style={{ width: '30%', minWidth: 200 }} >
-        ### Software Development
+        ### Software
         - Backend (AWS, Rust in lambda, Postgres)
         - Apps (Flutter, Android, iOS, Web)
         - Linux (systemd, nixos, Raspberry Pi)
         - C#, Go, Dart, Javascript, Kotlin, Python
     </div>
 
     <div style={{ width: '30%', minWidth: 200 }} >
-        ### Team management
+        ### Teams
         - Leading multiple projects
-        - Issues & project management
-        - Balancing priorities between clients, developers, deadlines and quality
-        - Knowing when to present a learning opportunity and when to step in
+        - Coordinating stakeholder needs while maintaining development quality
+        - Balancing learning opportunities with deadlines
     </div>
 
     <div style={{ width: '30%', minWidth: 200 }} >
-        ### Rendering & Interaction
-        - 3D Materials, Modelling & Maths
-        - Live data & interaction
-        - Projection hardware experience
-        - Passion for experimental techniques
+        ### Product
+        - Github Actions CI/CD
+        - Passion for DX & Tooling
+        - Mobile app store management
+        - Scoping projects and managing backlog
+        - Budget and time estimation
+        - AI Prototyping
     </div>
 </div>
 
 # Recent Experience
 
 ## Smart Access<span style={{ fontSize: 12, display: 'block' }}>Lead Developer | Mar 2023 - Today</span>
 
-I joined Smart Access at the start of their software journey - they just had a prototype
-map app - a whitelabelled clone of an android map app. They have ownership over lots of Accessibility
-data with experience collecting it and wanted to build a platform to share it and grow.
+I joined Smart Access at the start of their software journey - they initially had only a prototype
+map application based on a white-labeled Android platform. The company possessed valuable accessibility
+data from years of collection efforts and sought to build a comprehensive platform to leverage and expand this data.
 Together we have expanded the company in many directions, including the following projects:
 
 #### Smart Access Navigation ([Web](https://app.smartaccess.enterprises))
@@ -65,8 +66,8 @@ that speeds up and increases the accuracy of data collection.
 The app is a simple interface for collecting data with helpful UX and it integrates into the same backend.
 
 The Smart Access platform is now flowing as a pipeline of data from users and clients the field to
-people with disabilities in the map app, 
-with data annotation and intelligence in the backend.
+people with disabilities in the map app with data annotation and intelligence in the backend.
+<br/>
 
 ## My Life My Voice ([Web](https://app.mylifemyvoice.org.nz)) <span style={{ fontSize: 12, display: 'block' }}>Lead Developer | Feb 2023 - Today</span>
 
@@ -81,6 +82,7 @@ The apps key audience included people with disabilities including intellectual a
 so we had to be extra mindful with our UX. In my time digging deep into flutter's accessibility features, I
 contributed back to the project by clearly communicating issues I found with reproducible examples.
 
+<br/>
 ## TASKA Prosthetics <span style={{ fontSize: 12, display: 'block' }}>Mobile Developer | Nov 2019 - Nov 2020</span>
 I joined TASKA as a mobile developer for their hand management app as a graduate developer.
 I contributed by prototyping options for expanding their app into multiple platforms, including iOS.
@@ -95,7 +97,7 @@ on either platform from the hand.
 
 # History
 
-<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around' }}>
+<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around', justifyContent: 'start' }}>
     {/* <div style={{ width: '30%', minWidth: 200 }} >
         ### Smart Access <span style={{ fontSize: 12, display: 'block' }}>Mar 2023 - Today</span>
         _Accessibility mapping platform_
@@ -145,7 +147,7 @@ on either platform from the hand.
 
 # Education
 
-<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around' }}>
+<div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around', justifyContent: 'start' }}>
     <div style={{ width: '40%', minWidth: 300 }} >
         ### Victoria University of Wellington <span style={{ fontSize: 14, display: 'block' }}>2017 - 2019</span>
         #### Bachelor of Design Innovation (Media Design)

tsconfig.json

@@ -15,6 +15,7 @@
     "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
+      "@/*": ["src/*"],
       "@markdown/*": ["src/markdown/*"],
       "@components/*": ["src/components/*"],
       "@components": ["src/components"],