various improvements

_data/supporters.yml

@@ -63,3 +63,8 @@ silver:
   - name: Crunchy Data
     url: https://www.crunchydata.com/
     logoimg: crunchydata.svg
+
+technical:
+  - name: Cloudflare
+    url: https://www.cloudflare.com/
+    logoimg: cloudflare.svg

_layouts/default.html

@@ -13,10 +13,10 @@
 
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/normalize.css?{{ site.data['hash'] }}">
     <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.data['hash'] }}">
-    <link rel="stylesheet" href="{{ site.baseurl }}/css/mobilestyles.css?{{ site.data['hash'] }}">
 	{% if page.add_css %}
 	<link rel="stylesheet" href="{{ site.baseurl }}/css/{{ page.add_css }}?{{ site.data['hash'] }}">
 	{% endif %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/mobilestyles.css?{{ site.data['hash'] }}">
 
 	<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/images/favicon/apple-touch-icon.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/images/favicon/favicon-32x32.png">

css/blog.scss

@@ -270,7 +270,7 @@ h1, h2, h3, h4, h5{
 
 			.toc_sidebar{
 				background: rgb(255, 255, 255);
-				position: absolute;
+				position: fixed;
 				top: 0px;
 				right: 0;
 				width: 22vw;
@@ -279,10 +279,7 @@ h1, h2, h3, h4, h5{
 				  @media only screen and (max-width: 1280px) {
 					display: none;
 				}
-
 				.toc_menu{
-					position: fixed;
-					top: 100px;
 					height: calc(100vh - 100px);
 					overflow: auto;
 					-ms-overflow-style: none; 
@@ -569,7 +566,7 @@ footer{
 			font-size: 14px;
 			.author{
 				font-weight: 600;
-				}
+			}
 		}
 		p{
 			font-size: 15px;
@@ -580,21 +577,30 @@ footer{
 		h2 {
 			font-size: 25px;
 			line-height: 28px;
-				margin-top: 35px;
-				margin-bottom: 20px;
+			margin-top: 35px;
+			margin-bottom: 20px;
+		}
+		h3 {
+			font-size: 20px;
+			line-height: 1.2;
+			margin-top: 35px;
+			margin-bottom: 20px;
+		}
+		h2 + h3{
+			margin-top: 0px;
 		}
 		ul li{
 			font-size: 15px;
 			line-height: 23px;
 		}
 		ul li ul {
-				margin-top: 0px;
-			}
+			margin-top: 0px;
+		}
 	}
 
 	code, pre{
 		font-size: 14px;
-			line-height: 1.5em;
+		line-height: 1.5em;
 	}
 
 	.newswrap .postwrap .post-list h1,

css/foundation.scss

@@ -240,8 +240,14 @@ body.foundation{
 					display: flex;
 					-ms-flex-pack: distribute;
 						justify-content: space-around;
+					li{
+						height: 100px;
+					}
 				}
 			}
+			&.technical{
+				border-top: 15px solid $blue;
+			}
 		}
 	}
 
@@ -789,6 +795,9 @@ body.foundation{
 		-ms-flex-wrap: wrap;
 			flex-wrap: wrap;
 	}
+	body.foundation section.supporters .supporterboard.gold ul li{
+		height: 80px;
+	}
 }
 
 @media only screen and (max-width: 700px) {
@@ -815,6 +824,10 @@ body.foundation{
 	body.foundation section.purpuse .flexwrap > div:nth-child(2){
 		width: 100%;
 	}
+	body.foundation section.supporters .supporterboard.gold li{
+		width: 100%;
+		height: 80px;
+	}
 }
 
 @media only screen and (max-width: 600px) {
@@ -850,10 +863,6 @@ body.foundation{
 			height: 60px;
 		}
 	}
-	body.foundation section.supporters .supporterboard.gold li{
-		width: 100%;
-		height: 80px;
-	}
 	body.foundation section,
 	.pagehead h1{
 		padding: 50px 15px;

foundation/index.html

@@ -88,11 +88,18 @@ <h3 id="silver-supporters">Silver Supporters</h3>
 			</ul>
 		</div>
 		{% endif %}
-
+
+		{% if site.data.supporters.technical %}
 		<h3 id="technical-sponsors">Technical Sponsors</h3>
-		<p>
-			DuckDB's website and extensions are served through <a href="https://www.cloudflare.com/">Cloudflare</a>, graciously supported by their <a href="https://developers.cloudflare.com/sponsorships/">open-source sponsorship program</a>.
-		</p>
+		<div class="supporterboard technical">
+			<ul>
+				{% for supporter in site.data.supporters.technical %}
+				<li><a href="{{ supporter.url }}"><img src="{{ '/images/foundation/' | append: supporter.logoimg | relative_url }}" alt="{{ supporter.name }}"></a></li>
+				{% endfor %} 
+			</ul>
+		</div>
+		{% endif %}
+
 	</div>
 </section>