Idavill · Idavill · Sep 7, 2025 · Sep 8, 2025 · Sep 8, 2025 · Sep 8, 2025
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -4,29 +4,37 @@
   {%- include head.html -%}
   <head>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/p5.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/addons/p5.sound.min.js"></script>
+<!--     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/addons/p5.sound.min.js"></script> -->
     <link rel="stylesheet" type="text/css" href="{{ '/assets/sketch/style.css' | relative_url }}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Aladin&family=Faculty+Glyphic&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Koulen&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100&display=swap" rel="stylesheet">
     <meta charset="utf-8" />
   </head>  
-  <body>
-    {%- include header.html -%}
-
-    <main class="page-content" aria-label="Content">
-      <div class="script">
-        <script src="{{ '/assets/sketch/sketch.js' | relative_url }}"></script>
-      </div>
-      <div class="wrapper">
-        {{ content }}
-      </div>
-    </main>
-
-    {%- include footer.html -%}
-
-    {%- include sub-footer.html -%}
-
+  <body class="body">
+    <!-- <div class="loader">welcome</div> -->
+    <div class="all-content">
+      <div id="pfive-container"></div>
+       <div id="pfive-container-background"></div>
+      {%- include header.html -%}
+
+      <main class="page-content" aria-label="Content">
+        <div class="script">
+
+        </div>
+                <div class="drop-shadow"></div>
+
+        <div class="wrapper">
+          {{ content }}
+        </div>
+      </main>
+
+      {%- include footer.html -%}
+
+      {%- include sub-footer.html -%}
+      <script src="{{ '/assets/sketch/sketch.js' | relative_url }}"></script>
+      <script src="{{ '/assets/sketch/particles.js' | relative_url }}"></script>
+    </div>
   </body>
 
 </html>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -31,6 +31,8 @@ <h2 class="post-list-heading">{{ page.list_title }}</h2>
         <!-- <span class="post-meta">{{ post.date | date: date_format }}</span> -->
         <h3 >
           <a class="post-link" onmouseover="drawRandomCircle('{{ post.id | escape }}');" href="{{ post.url | relative_url }}">
+          <!-- <a class="post-link" > -->
+
             {{ post.title | escape }}
           </a>
         </h3>

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,6 +1,7 @@
 ---
 layout: base
 ---
+<div class="scroll-boundary-page">
 <article class="post">
 
   <header class="post-header">
@@ -11,4 +12,5 @@ <h1 class="post-title">{{ page.title | escape }}</h1>
     {{ content }}
   </div>
 
-</article>
+</article>
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,15 +1,18 @@
 ---
 layout: base
 ---
+<div class="scroll-boundary">
 <article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
 
+  <div class="openpost-class"></div>
   <header class="post-header">
     <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
   </header>
 
   <div class="post-content e-content" itemprop="articleBody">
-    {{ content }}
-  </div>
+      {{ content }}
+    </div>
+
 
   {% if jekyll.environment == 'production' -%}
     {% if page.comments == false -%}
@@ -22,4 +25,5 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
   {% endif -%}
 
   <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
-</article>
+</article>
+</div>
diff --git a/_posts/2025-09-06-ideadots.markdown b/_posts/2025-09-06-ideadots.markdown
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: "IdeaDots: Spatial design collage"
+title: "IdeaDots: Spatial collage"
 date: 2025-09-06 16:58:44 +0200
 categories: jekyll update
 ---

diff --git a/about.markdown b/about.markdown
@@ -8,6 +8,8 @@ permalink: /about/
 
 `This site showcases some of my most recent projects`
 
-`Software development | Interaction design | 3D modelling | Data processing`
+`Software development | Interaction design`
+
+`| 3D modelling | Data processing`
 
 <!-- ![Alt text]({{ site.baseurl }}/assets/images/fun.png) -->
diff --git a/assets/images/12.jpg b/assets/images/12.jpg
diff --git a/assets/images/13.jpg b/assets/images/13.jpg
diff --git a/assets/images/15.jpg b/assets/images/15.jpg
diff --git a/assets/images/16.jpg b/assets/images/16.jpg
diff --git a/assets/images/17.jpg b/assets/images/17.jpg
diff --git a/assets/images/18.jpg b/assets/images/18.jpg
diff --git a/assets/images/19.jpg b/assets/images/19.jpg
diff --git a/assets/images/The Urban Archive _ Ida Villadsen.html b/assets/images/The Urban Archive _ Ida Villadsen.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<!-- saved from url=(0060)http://127.0.0.1:4000/me/jekyll/update/2025/09/06/urban.html -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.8.0 -->
+<title>The Urban Archive | Ida Villadsen</title>
+<meta name="generator" content="Jekyll v4.4.1">
+<meta property="og:title" content="The Urban Archive">
+<meta property="og:locale" content="en_US">
+<meta name="description" content="This project reimagines environmental data as architectural storytelling. Through satellite imagery, climate indicators, and spatial analytics, six thematic maps construct a chronological narrative—from the subtle pulses of air and heat to the physical imprints of urban expansion and ecological presence. Each map transcends its technical function, becoming a spatial artifact that invites viewers to interpret the city as a dynamic, living organism in flux.">
+<meta property="og:description" content="This project reimagines environmental data as architectural storytelling. Through satellite imagery, climate indicators, and spatial analytics, six thematic maps construct a chronological narrative—from the subtle pulses of air and heat to the physical imprints of urban expansion and ecological presence. Each map transcends its technical function, becoming a spatial artifact that invites viewers to interpret the city as a dynamic, living organism in flux.">
+<link rel="canonical" href="http://localhost:4000/me/jekyll/update/2025/09/06/urban.html">
+<meta property="og:url" content="http://localhost:4000/me/jekyll/update/2025/09/06/urban.html">
+<meta property="og:site_name" content="Ida Villadsen">
+<meta property="og:type" content="article">
+<meta property="article:published_time" content="2025-09-06T16:58:44+02:00">
+<meta name="twitter:card" content="summary">
+<meta property="twitter:title" content="The Urban Archive">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2025-09-06T16:58:44+02:00","datePublished":"2025-09-06T16:58:44+02:00","description":"This project reimagines environmental data as architectural storytelling. Through satellite imagery, climate indicators, and spatial analytics, six thematic maps construct a chronological narrative—from the subtle pulses of air and heat to the physical imprints of urban expansion and ecological presence. Each map transcends its technical function, becoming a spatial artifact that invites viewers to interpret the city as a dynamic, living organism in flux.","headline":"The Urban Archive","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/me/jekyll/update/2025/09/06/urban.html"},"url":"http://localhost:4000/me/jekyll/update/2025/09/06/urban.html"}</script>
+<!-- End Jekyll SEO tag -->
+<link rel="stylesheet" href="./The Urban Archive _ Ida Villadsen_files/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/me/feed.xml" title="Ida Villadsen"></head>
+
+<body>&nbsp; &nbsp; <script src="./The Urban Archive _ Ida Villadsen_files/p5.js"></script>
+<!--     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.8.0/addons/p5.sound.min.js"></script> -->
+&nbsp; &nbsp; <link rel="stylesheet" type="text/css" href="./The Urban Archive _ Ida Villadsen_files/style.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com/">
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
+    <link href="./The Urban Archive _ Ida Villadsen_files/css2" rel="stylesheet">
+
+
+
+    <!-- <div class="loader">welcome</div> -->
+    <div class="all-content">
+      <div id="pfive-container"><canvas id="defaultCanvas0" class="p5Canvas" style="width: 400px; height: 400px; z-index: -2; position: absolute; left: 856px; top: 302px; opacity: 0;" width="800" height="800"></canvas></div>
+       <div id="pfive-container-background" style="position: fixed; z-index: -3;"><canvas id="defaultCanvas2" class="p5Canvas" style="width: 1512px; height: 1000px; position: absolute; left: 0px; top: 0px; z-index: -3;" width="3024" height="2000"></canvas></div><header class="site-header" role="banner" style="position: fixed;">
+
+  <div class="wrapper"><a class="site-title" rel="author" href="http://127.0.0.1:4000/me/" style="background: rgb(217, 132, 57); border-radius: 5px; box-shadow: 10px 10px;">Ida Villadsen</a><nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger">
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"></path>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger"><a class="page-link" href="http://127.0.0.1:4000/me/about/" style="background: rgb(245, 144, 38); border-radius: 5px; box-shadow: 10px 10px; padding: 10px; width: 150px;">About</a></div>
+      </nav></div>
+</header>
+<main class="page-content" aria-label="Content">
+        <div class="script">
+
+        </div>
+                <div class="drop-shadow" style="position: absolute; left: 856px; top: 302px; opacity: 0;"></div>
+
+        <div class="wrapper">
+          <div class="scroll-boundary">
+<article class="post h-entry" itemscope="" itemtype="http://schema.org/BlogPosting">
+
+  <div class="openpost-class"></div>
+  <header class="post-header">
+    <h1 class="post-title p-name" itemprop="name headline">The Urban Archive</h1>
+  </header>
+
+  <div class="post-content e-content" itemprop="articleBody">
+      <p><code class="language-plaintext highlighter-rouge">This project reimagines environmental data as architectural storytelling. Through satellite imagery, climate indicators, and spatial analytics, six thematic maps construct a chronological narrative—from the subtle pulses of air and heat to the physical imprints of urban expansion and ecological presence. Each map transcends its technical function, becoming a spatial artifact that invites viewers to interpret the city as a dynamic, living organism in flux.</code></p>
+
+<p><img src="./The Urban Archive _ Ida Villadsen_files/urbanf1.png" alt="Alt text"></p>
+
+<p><img src="./The Urban Archive _ Ida Villadsen_files/urbanf2.png" alt="Alt text"></p>
+
+<p><code class="language-plaintext highlighter-rouge">Urban Frequency challenges architects, planners, and everyday citizens to reimagine data—not as detached figures, but as vibrant stories encoded in time. These temporal frequencies capture the pulse of the city: how it breathes, warms, expands, and evolves. By attuning ourselves to these rhythms, we open the door to more responsive, intentional design—one that aligns with the lived patterns of our environments and the futures we are actively constructing.</code></p>
+
+<p><img src="./The Urban Archive _ Ida Villadsen_files/urbanf3.png" alt="Alt text"></p>
+
+<p><img src="./The Urban Archive _ Ida Villadsen_files/urbanf4.png" alt="Alt text"></p>
+
+    </div>
+
+
+  <a class="u-url" href="http://127.0.0.1:4000/me/jekyll/update/2025/09/06/urban.html" hidden=""></a>
+</article>
+</div>
+        </div>
+      <canvas id="defaultCanvas1" class="p5Canvas" style="width: 100px; height: 100px;" width="200" height="200"></canvas></main><link id="fa-stylesheet" rel="stylesheet" href="./The Urban Archive _ Ida Villadsen_files/all.min.css">
+
+<footer class="site-footer h-card">
+  <data class="u-url" value="/me/"></data>
+
+  <div class="wrapper">
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col">
+      </div>
+      <div class="footer-col">
+        <!-- <p>Software developer with a design mindset &lt;3</p> -->
+      </div>
+    </div>
+
+    <div class="social-links"><ul class="social-media-list" style="background: rgba(0, 0, 0, 0); border-radius: 5px; box-shadow: 10px 10px; color: rgb(255, 96, 255); width: 150px; padding: 10px;"><li><a href="https://github.com/idavill"><svg class="svg-icon"><use xlink:href="/me/assets/minima-social-icons.svg#github"></use></svg> <span class="username">idavill</span></a></li></ul>
+</div>
+
+  </div>
+
+</footer><script src="./The Urban Archive _ Ida Villadsen_files/sketch.js"></script>
+      <script src="./The Urban Archive _ Ida Villadsen_files/particles.js"></script>
+    </div>
+
+
+</body></html>
diff --git a/assets/images/The Urban Archive _ Ida Villadsen_files/all.min.css b/assets/images/The Urban Archive _ Ida Villadsen_files/all.min.css