Reduce site size

caspear · caspear · commit ab37b05988d7 · 2025-10-02T17:34:18.000+02:00
diff --git a/index.html b/index.html
@@ -22,17 +22,10 @@
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
 </head>
 <body>
-<!-- sidebar removed -->
 <section class="section section--hello" id="hello">
         <div class="section__inner">
             <img src="LOGO-DIGITALCIRCLE.png" alt="The Digital Circle">
-
         <div class="block">
-            <!-- numeric anchor removed -->
-          <!--  <div class='container'>
-              <p class='typewriter'>We love <span class='typewriter-text' data-text='[ "open source. ", "ethical software. ", "permaculture. " ]'></span>
-              </p>
-            </div> -->
             <h1>
               We love <a href="" class="typewrite" data-period="2000" data-type='[ "permaculture. ", "open source. " ]'>
                 <span class="wrap"></span>
@@ -44,7 +37,6 @@ <h1>
 <section class="section section--intro" id="intro">
     <div class="section__inner">
         <div class="block">
-            <!-- removed numeric anchor -->
             <h1>We are passionate <br>
                 about online freedom,<br>
                 permaculture and open tech.</h1>
@@ -61,7 +53,6 @@ <h1>We are passionate <br>
 
     <div class="section__inner">
         <div class="block">
-            <!-- removed numeric anchor and added heading for About -->
             <h2>About</h2>
             <p class="lead"> We met in the Permaculture Collaborative Laboratory <a href="https://perma.earth" target="_blank" class="link"> - CoLab</a> where we continue to collaborate and volunteer, and you can join too ;) .
               <br>Today we are collaborative micro-enterprise, that as the misson to support a just transition by building capacity among grassroots movements to contribute to the research, design and stewardship of emerging and established Information & Communication Technologies (ICTs) & other digital infrastructure which aligns with pemaculture ethics; including open knowledge, opensource, free software and open hardware; and resilient, renewable, local and low-energy ‘appropriate technologies’.
@@ -107,7 +98,6 @@ <h2>Branding</h2>
 <section class="section section--contact" id="contact">
     <div class="section__inner">
         <div class="block">
-            <!-- removed numeric anchor -->
             <h2>For work inquiries<br>
                 <span>please <a href="mailto:contact@thedigitalcircle.org">email us</a></span><br>
                 <span>or <a href="https://cal.com/aimeefenech/meeting">book a meeting</a></span>
diff --git a/style.css b/style.css
@@ -117,9 +117,6 @@ a {
   text-decoration: none;
 }
 
-/* sidebar and anchored numeric navigation removed */
-/* removed anchored navigation rules */
-
 /**
  * The different sections
  */
@@ -163,7 +160,6 @@ a {
   height: auto;
   flex: 0 0 auto;
 }
-/* restore vertical gap under the logo (previously occupied by the numeric anchor) */
 .section.section--hello .block {
   margin-top: 2.5rem;
 }
@@ -203,7 +199,6 @@ a {
   color: #111;
 }
 .section.section--portfolio svg {
-  /* portfolio uses a shallower curve; nudge by 1px to maintain alignment with base svg change */
   top: -21px;
   fill: orange;
 }
@@ -228,7 +223,6 @@ a {
   color: #111 !important;
 }
 .section.section--portfolio1 svg {
-  /* adjust to match the base -51px shift */
   top: -51px;
   fill: #3A99D8;
 }
@@ -283,8 +277,6 @@ h2, .h2 {
   }
 }
 
-/* numeric anchor styles removed */
-
 p {
   font-size: 0.75rem;
   line-height: 1.4;
@@ -373,15 +365,11 @@ p a:hover {
   .typewriter { font-size: 60px; }
 }
 
-/* Adjust vertical rhythm in Services (section--portfolio1)
-   Reduce the gap immediately after a heading and increase the gap
-   after paragraphs so the visual flow reads: heading -> close paragraph -> larger gap -> next heading */
 .section.section--portfolio1 .block h2 {
-  margin-top: 1rem; /* leading gap */
-  margin-bottom: 1rem; /* match other sections' heading bottom spacing */
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 .section.section--portfolio1 .block p,
 .section.section--portfolio1 .block .lead {
   margin-top: 0.35rem;
-  margin-bottom: 1rem; /* match other sections' paragraph bottom spacing */
-}
+  margin-bottom: 1rem;

Original file line number	Diff line number	Diff line change
`@@ -117,9 +117,6 @@ a {`
`117`	`117`	`text-decoration: none;`
`118`	`118`	`}`
`119`	`119`
`120`		`-/* sidebar and anchored numeric navigation removed */`
`121`		`-/* removed anchored navigation rules */`
`122`		`-`
`123`	`120`	`/**`
`124`	`121`	`* The different sections`
`125`	`122`	`*/`
`@@ -163,7 +160,6 @@ a {`
`163`	`160`	`height: auto;`
`164`	`161`	`flex: 0 0 auto;`
`165`	`162`	`}`
`166`		`-/* restore vertical gap under the logo (previously occupied by the numeric anchor) */`
`167`	`163`	`.section.section--hello .block {`
`168`	`164`	`margin-top: 2.5rem;`
`169`	`165`	`}`
`@@ -203,7 +199,6 @@ a {`
`203`	`199`	`color: #111;`
`204`	`200`	`}`
`205`	`201`	`.section.section--portfolio svg {`
`206`		`- /* portfolio uses a shallower curve; nudge by 1px to maintain alignment with base svg change */`
`207`	`202`	`top: -21px;`
`208`	`203`	`fill: orange;`
`209`	`204`	`}`
`@@ -228,7 +223,6 @@ a {`
`228`	`223`	`color: #111 !important;`
`229`	`224`	`}`
`230`	`225`	`.section.section--portfolio1 svg {`
`231`		`- /* adjust to match the base -51px shift */`
`232`	`226`	`top: -51px;`
`233`	`227`	`fill: #3A99D8;`
`234`	`228`	`}`
`@@ -283,8 +277,6 @@ h2, .h2 {`
`283`	`277`	`}`
`284`	`278`	`}`
`285`	`279`
`286`		`-/* numeric anchor styles removed */`
`287`		`-`
`288`	`280`	`p {`
`289`	`281`	`font-size: 0.75rem;`
`290`	`282`	`line-height: 1.4;`
`@@ -373,15 +365,11 @@ p a:hover {`
`373`	`365`	`.typewriter { font-size: 60px; }`
`374`	`366`	`}`
`375`	`367`
`376`		`-/* Adjust vertical rhythm in Services (section--portfolio1)`
`377`		`- Reduce the gap immediately after a heading and increase the gap`
`378`		`- after paragraphs so the visual flow reads: heading -> close paragraph -> larger gap -> next heading */`
`379`	`368`	`.section.section--portfolio1 .block h2 {`
`380`		`- margin-top: 1rem; /* leading gap */`
`381`		`- margin-bottom: 1rem; /* match other sections' heading bottom spacing */`
	`369`	`+ margin-top: 1rem;`
	`370`	`+ margin-bottom: 1rem;`
`382`	`371`	`}`
`383`	`372`	`.section.section--portfolio1 .block p,`
`384`	`373`	`.section.section--portfolio1 .block .lead {`
`385`	`374`	`margin-top: 0.35rem;`
`386`		`- margin-bottom: 1rem; /* match other sections' paragraph bottom spacing */`
`387`		`-}`
	`375`	`+ margin-bottom: 1rem;`