home, contact & services style

Author: Sathishkumar0404

_layouts/v2_page_layout.html

@@ -27,6 +27,14 @@ <h2 class="service-title">
              {{ section.title }}
             </h2>
             <div class="mt-2"><p class="m-0 text-center">{{ section.summary  }}</p></div>
+            {%if section.section.images %}
+        <div class="feature-images">
+        {% for image in section.section.images%}
+        <img src="/{{image.url}}" alt="{{image.name}}"/>
+        {% endfor %}
+        
+        </div>
+        {% endif %}
           </div>
         </div>
       </div>
@@ -68,14 +76,7 @@ <h4>{{feature.name}}</h4>
           {% if section.cta_text%}
           <a class="section-cta-btn" href="{{section.cta_link}}" >{{section.cta_text}}</a>
           {% endif %}
-          {%if section.section.images %}
-        <div class="feature-images">
-        {% for image in section.section.images%}
-        <img src="/{{image.url}}" alt="{{image.name}}"/>
-        {% endfor %}
-        
-        </div>
-        {% endif %}
+          
         </ul>
         {% endif %}
         {%if section.section.image %}

_sass/components/_page.scss

@@ -346,6 +346,9 @@ p{
               font-size: 1.3rem;
               margin: 5px;
             }
+            p{
+              padding-left: 0.5rem;
+            }
             li>a{
               font-size: 1.2rem;
             }
@@ -355,6 +358,7 @@ p{
       @media (max-width: 600px) {
         .strip,.content-list-item{
           height: 40%;
+          padding: 1.5em 0.2em 1em !important;
         }
         .images-items,.list-items,.image-items,.list-bulletpoint-items{
           min-height: 60%;
@@ -382,7 +386,9 @@ p{
         background-color: inherit;
         div{
           width: 100%;
-          
+          @include media-breakpoint-down(sm){
+            padding: 0 !important;
+          }
           }
           // div{
             // margin-left: auto !important;
@@ -474,6 +480,36 @@ p{
                 }
         }
       }
+      .feature-images{
+        margin-top: 3em;
+        display: flex;
+        gap: 0.7em;
+        img{
+          width: 4em;
+          margin: 0;
+          border-radius: 12px;
+        }
+        @media (min-width:992px) and (max-width:1612px) {
+          img{
+            width: 3.4em !important;
+          }
+        }
+
+        @media (min-width:600px ) and (max-width:992px) {
+          margin-top: 2em;
+          gap: 0.5em;
+          img{
+            width: 3em !important;
+          }
+        }
+        @media (max-width:600px) {
+          margin-top: 1em;
+          gap: 0.3em;
+          img{
+            width: 2em;
+          }
+        }
+      }
       .list-items{
         margin: 0;
         padding: 0;
@@ -512,6 +548,7 @@ p{
                 margin-top: 0.5rem;
                 margin-bottom: 0;
                 font-size: 2.2rem ;
+                padding-left: 1rem;
               }
               a{
                 font-size: 1.8rem;
@@ -538,26 +575,7 @@ p{
               padding-top: 0;
             }
         }
-        .feature-images{
-          display: flex;
-          gap: 0.7em;
-          img{
-            width: 4em;
-            margin: 0;
-          }
-          @media (min-width:600px ) and (max-width:992px) {
-            gap: 0.5em;
-            img{
-              width: 3em !important;
-            }
-          }
-          @media (max-width:600px) {
-            gap: 0.3em;
-            img{
-              width: 2em;
-            }
-          }
-        }
+        
       }
 
      .teams-items{

_sass/components/monitor.scss

@@ -258,7 +258,7 @@ a {
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: var(--v2-background-primary);
+  background: #333333;
   border-radius: 0.5rem;
 
   &.off #crt {
@@ -443,17 +443,24 @@ body.fullscreen #crt {
 
 .enter-button {
   display: inline-block;
-  padding: 1.5rem 3rem;
+  margin-top: 1rem;
+  padding: 1rem;
   background-color: var(--v2-background-primary);
   border: 2px solid var(--v2-background-primary);
-  border-radius: 5px;
+  border-radius: 50%;
   font-family: "Arial", sans-serif;
   font-size: 18px;
   text-align: center;
   color: white;
   font-weight: bold;
   cursor: pointer;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
+  @media (max-width:992px) {
+    svg{
+      height: 2rem !important;
+      width: 2rem !important;
+    }
+  }
 }
 .enter-button:active {
   box-shadow: none;

v2/company.md

@@ -7,7 +7,7 @@ intro_image_hide_on_mobile: false
 caption: "Culture = Code."
 description: "Discover the passionate team committed to your success."
 sections:
-  - title: "Culture = Code."
+  - title: "Creative Destruction in Software Engineering"
     featured: true
     summary: ""
     caption: "Discover the passionate team committed to your success."
@@ -16,18 +16,18 @@ sections:
       class: "split-container"
       feature_type: "list"
     features:
-      - name: ""
-        description: "Our ethos: Old school craft,  Open-source software, to deliver on platform, data & AI challenges of today"
+      - name: "Intersectional expertise is a super power"
+        description: "Being T-shaped around the flux of evolving technologies is extremely rare and allows us to deliver orders of magnitude more value."
         class: "text-start"
-      - name: " "
+      - name: "Teaching, practicing, sharing"
         class: "text-start"
-        description: "Our mission: Creative destruction in software engineering."
-      - name: ""
+        description: "Being a 100% practitioner driven setup, allows us to build highly artisanal guilds with real mastery over craft. Teaching (the community) and sharing (OSS/libre) reinforces this culture."
+      - name: "Seek simplicty & elegance, relentlessly"
         class: "text-start"
-        description: "Teaching & thought leadership"
-      - name: ""
+        description: "Complexity is a disease. We (often) operate in a contrasting world of super-reductionist concretions and needless abstractions. Navigating this requires a principled approach, while understanding boundaries of the domain."
+      - name: "Keep it flat. Stay lean, stay young"
         class: "text-start" 
-        description: "Seek simplicity" 
+        description: "No delusions of building or scaling factories. No bulking & cutting cycles. A pursuit of achieving the highest level of skill attainable in a given context." 
   - title: "Leadership team"
     featured: true
     weight: 1

v2/index.md

@@ -24,6 +24,35 @@ sections:
           </div>  
         </div>
       </section>
+  - title: "We have a unique thesis on what it takes to scale platform-led products."
+    featured: true
+    weight: 3
+    summary: ""
+    image: "../images/icons/automation.png"
+    caption: "Automated deployment and scaling."
+    hash: "scale-platform-led-products"
+    section:
+      class: "split-container"
+      feature_type: "list"
+    features:
+      - name: "Building on great platform primitives"
+        class: "text-left"
+        # link:
+        #   name: "→ The most interesting infrastructure companies"
+        #   url: "/blog/platform-engineering-manifesto/"
+        description: "Specialize deeply on ubiquitous distributed systems interfaces(such as Apache Kafka, Kubernetes, PostgreSQL, Temporal and more). These are the building blocks."
+      - name: "Lean-operations"
+        class: "text-left"
+        # link:
+        #   name: "→ A leaderless future (of streaming)"
+        #   url: "/blog/a-leaderless-future-kafka-streaming/"
+        description: "Create highly skilled, “one-pizza” teams to build & operate platforms that extract common cross-cutting concerns."
+      - name: "A minimum viable level of self-service."
+        class: "text-left"
+        # link:
+        #   name: "→ Real-time for prime-time"
+        #   url: "/blog/real-time-data-prime-time/"
+        description: "First class DevX, Human augmented AI and well governed, secure foundational tooling (for just about everything)"
   - title: Our field expertise here is unparalleled. 
     featured: false
     summary: ""
@@ -68,36 +97,6 @@ sections:
             url: "../images/v2/expertise/duckdb.png"
           - name: "Kubernetes"
             url: "../images/v2/expertise/kubernetes.png"
-  - title: "We have a unique thesis on what it takes to scale platform-led products."
-    featured: true
-    weight: 3
-    summary: ""
-    image: "../images/icons/automation.png"
-    caption: "Automated deployment and scaling."
-    hash: "scale-platform-led-products"
-    section:
-      class: "split-container"
-      feature_type: "list"
-    features:
-      - name: "Building on great platform primitives"
-        class: "text-left"
-        # link:
-        #   name: "→ The most interesting infrastructure companies"
-        #   url: "/blog/platform-engineering-manifesto/"
-        description: "Specialize deeply on ubiquitous distributed systems interfaces(such as Apache Kafka, Kubernetes, PostgreSQL, Temporal and more). These are the building blocks."
-      - name: "Lean-operations"
-        class: "text-left"
-        # link:
-        #   name: "→ A leaderless future (of streaming)"
-        #   url: "/blog/a-leaderless-future-kafka-streaming/"
-        description: "Create highly skilled, “one-pizza” teams to build & operate platforms that extract common cross-cutting concerns."
-      - name: "A minimum viable level of self-service."
-        class: "text-left"
-        # link:
-        #   name: "→ Real-time for prime-time"
-        #   url: "/blog/real-time-data-prime-time/"
-        description: "First class DevX, Human augmented AI and well governed, secure foundational tooling (for just about everything)"
-
   - title: "Partnerships (without partisanship)"
     featured: true
     weight: 2
@@ -185,7 +184,7 @@ sections:
 --- 
 
 
-  <div id="splash-screen" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 9999;">
+  <div id="splash-screen" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0d1926; z-index: 9999;">
     <div class="home-banner-container">
     <div id="monitor" class="theme-green">
     <div id="screen">
@@ -194,27 +193,28 @@ sections:
         <div class="terminal">
           ### booting platformatory 
 
-          [    0.000000] Platformatory kernel version 1.0.0 (gcc 10.3.0)
-  [    0.000001] Command line: BOOT_IMAGE=/boot/vmlinuz-1.0.0-generic root=UUID=platformatory ro quiet splash vt.handoff=7
-  [    0.000002] initializing subsys: culture, 10x engineering, and more
-  [    0.000003] initializing ordered polyglot stack: golang, rust, python, javascript, lua, c++, jvm (ugh)
-  [    0.000004] starting platform stack v 4.2.....
-  [    0.000005] initializing cloud-native and hybrid environments: metal, aws, gcp, azure, k8s
-  [    0.000006] initializing distributed streaming subsystems: kafka, redpanda, flink, kstreams 
-  [    0.000007] initializing data infra lite: duckdb, rocksdb, adf (and more)
-  [    0.000008] initializing data infra at large: hudi, delta lake, trino (and more)
-  [    0.000008] initializing networking & connectivity stack: envoy, kong (and more)
-  [    0.000009] initializing more MAD landscape: vector databases, RAG, real-time features, time series forecasting (not exhaustive)
-  [    0.000010] spawning our inner daemons: oss, community
-  [    1.234567] fast init done. do whatever to continue
-  
-  platformatory 20.24 LTS lifeuniverseandeverything tty1
-  
-  guest@platformatory:~$
+        [    0.000000] Platformatory kernel version 1.0.0 (gcc 10.3.0)
+[    0.000001] Command line: BOOT_IMAGE=/boot/vmlinuz-1.0.0-generic root=UUID=platformatory ro quiet splash vt.handoff=7
+[    0.000002] initializing subsys: culture, 10x engineering, and more
+[    0.000003] initializing ordered polyglot stack: golang, rust, python, javascript, lua, c++, jvm (ugh)
+[    0.000004] starting platform stack v 4.2.....
+[    0.000005] initializing cloud-native and hybrid environments: metal, aws, gcp, azure, k8s
+[    0.000006] initializing distributed streaming subsystems: kafka, redpanda, flink, kstreams 
+[    0.000007] initializing data infra lite: duckdb, rocksdb, adf (and more)
+[    0.000008] initializing data infra at large: hudi, delta lake, trino (and more)
+[    0.000008] initializing networking & connectivity stack: envoy, kong (and more)
+[    0.000009] initializing more MAD landscape: vector databases, RAG, real-time features, time series forecasting (not exhaustive)
+[    0.000010] spawning our inner daemons: oss, community
+[    1.234567] fast init done. do whatever to continue
+
+platformatory 20.24 LTS lifeuniverseandeverything tty1
+
+guest@platformatory:~$
         </div>
       </div>
     </div>
+    <button class="enter-button" onclick="hideSplashScreen()"><svg height="4rem" width="4rem" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.143 30.143" xml:space="preserve" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path style="fill:#ffffff;" d="M20.034,2.357v3.824c3.482,1.798,5.869,5.427,5.869,9.619c0,5.98-4.848,10.83-10.828,10.83 c-5.982,0-10.832-4.85-10.832-10.83c0-3.844,2.012-7.215,5.029-9.136V2.689C4.245,4.918,0.731,9.945,0.731,15.801 c0,7.921,6.42,14.342,14.34,14.342c7.924,0,14.342-6.421,14.342-14.342C29.412,9.624,25.501,4.379,20.034,2.357z"></path> <path style="fill:#ffffff;" d="M14.795,17.652c1.576,0,1.736-0.931,1.736-2.076V2.08c0-1.148-0.16-2.08-1.736-2.08 c-1.57,0-1.732,0.932-1.732,2.08v13.496C13.062,16.722,13.225,17.652,14.795,17.652z"></path> </g> </g></svg></button>
   </div>
-  <button class="enter-button" onclick="hideSplashScreen()">Enter</button>
+  
   </div>
 </div>