Merge pull request #1 from promised-ai/update-2024-04-18

Update

content/blog/ds-death-spiral.md

@@ -301,7 +301,7 @@ Asking sensible questions requires deep domain expertise, so it would be most ef
 Eliminating iteration through up-front learning and turning a *question-modeling* system into a *question-answering* system significantly streamlines discovery and reduces time to production.
 Under this process, discovery-to-production takes hours or days rather than months or years.
 
-**And the best part is: this technology exists today. You can check out what this looks like in practice <span style="color: crimson">[here](@/redpoll-vs-ml.md)</span> and <span style="color: crimson">[here](@/blog/gamma.md)</span>.**
+**And the best part is: [this technology exists today](https://lace.dev). You can check out what this looks like in practice <span style="color: crimson">[here](@/blog/gamma.md)</span>.**
 
 When we consult for clients, we take their data, feed it through Reformer, and wait until the client has an hour or so to sit with us.
 Then we let them do our job for us.
@@ -344,4 +344,3 @@ The result is the elimination of the vast majority of backtracking and iteration
 - Today's Machine Learning is question-oriented rather than data-oriented; therefore one Machine Learning model can address only one question.
 - Data-oriented, humanistic AI enables a much simpler workflow in which all paths point toward answers, and the only cycle is answering more questions.
 - The humanistic workflow enables _immediate_ ask-and-answer capabilities, enabling stakeholders to directly engage in the discovery process.
-- To see how Redpoll's Reformer platform enables faster discovery [click here](@/redpoll-vs-ml.md).

content/blog/imm-with-rv-12/index.md

@@ -11,7 +11,7 @@ categories = ["ml", "tutorial"]
 author = "Baxter Eaves"
 subheading = "Building a supremely useful model in a supremely useful programming language."
 image = "clouds-01.jpg"
-theme = "dark-transparent"
+theme = "dark"
 front_page = true
 +++
 

content/blog/introducing-lace/index.md

@@ -179,7 +179,7 @@ sats.simulate(sats.columns, n=sats.shape[0])
 
 ## Row/Record similarity
 
-We can also ask which records (rows) are similar in terms of model space. This frees us from having to come up with a distance metric that works well for mixed data types and missing data. It also provides more nuanced information that just looking at the values. To make this a bit more inuitive, we'll switch to an animals example, since people generally have a better sense of what makes animals similar than they do what makes satellites similar.
+We can also ask which records (rows) are similar in terms of model space. This frees us from having to come up with a distance metric that works well for mixed data types and missing data. It also provides more nuanced information that just looking at the values. To make this a bit more inuitive, we'll switch to an animals example, since people generally have a better sense of what makes animals similar.
 
 ```python
 from lace.examples import Animals

sass/style0001.sass

@@ -62,12 +62,6 @@ a
   display: block
   z-index: -3
   background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%)
-  // background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%)
-  // background-image: linear-gradient(to right, #92fe9d 0%, #00c9ff 100%)
-  // background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%)
-  // background-image: linear-gradient(to bottom, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%)
-  // background-image: linear-gradient(to bottom, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%)
-  // background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%)
 
 #gradient-background-2
   position: fixed
@@ -77,8 +71,6 @@ a
   width: 100vw
   display: block
   z-index: -3
-  // background-image: linear-gradient(to top, #dfe9f3 0%, white 100%)
-  // background-image: linear-gradient(to top left, #dddddd 30%, #fff 80%)
   background-image: linear-gradient(-225deg, #aaa 0%, #ccc 100%)
 
 #gradient-background-3
@@ -99,16 +91,9 @@ a
   width: 100%
   display: block
   z-index: -3
-  // background: #333
   background-image: linear-gradient(-225deg, #aaa 0%, #ccc 100%)
-  // background: radial-gradient(circle at 100%, #222, #222 50%, #777 75%, #222 75%)
   transform: scale(110%)
 
-  // @media (max-width: $mobile-width)
-  //   background-image: linear-gradient(to bottom right, #333333 30%, #555555 100%)
-  //   // background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%)
-  //   // background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%)
-
 .bold
   font-weight: bold
 

sass/style0002.sass

@@ -0,0 +1,260 @@
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
+
+$small: 400px
+
+body, html
+	margin: 0
+	padding: 0
+
+p, h1, h2, h3, h4, h5, h6
+	font-family: "Playfair Display", serif
+	color: #333
+
+p
+	line-height: 1.8
+
+a
+	color: #333
+	transition: color 0.3s ease
+
+	&:hover
+		color: crimson
+
+#main
+	position: relative
+	max-width: 60rem
+	margin: 0 auto
+	padding: 0 1rem
+
+nav
+	width: 100%
+	background-color: white
+	position: relative
+
+	div.inner
+		top: 0
+		padding: 1rem
+		// padding-top: 1.5rem
+		border-bottom: 1px solid #333
+
+		display: flex
+		align-items: center
+
+
+		.logo
+			padding-right: 1rem
+			opacity: 0.7
+			text-transform: uppercase
+			padding-left: 0
+			padding-right: 0.5rem
+
+
+		div
+			font-family: "Playfair Display", serif
+			padding: 0 0.5rem
+			font-style: italic
+
+		a
+			text-decoration: none
+
+section
+	min-height: 100vh
+	display: flex
+	align-items: center
+	border-bottom: 1px solid #bbb
+
+	h1
+		font-size: 2.3rem
+		font-weight: 400
+
+
+#title
+	h1
+		margin: 0
+		padding: 0
+		padding-bottom: 2rem
+		font-size: 5rem
+		font-weight: 400
+
+	h2
+		max-width: 40rem
+		margin: 0 auto
+		font-size: 1.2rem
+		font-weight: 300
+		line-height: 2
+		padding-bottom: 4rem
+
+	p
+		padding-top: 0
+		margin-top: 0
+		font-size: 2rem
+		// letter-spacing: 1rem
+		font-weight: 200
+		line-height: 1.5
+		// font-family: Helvetica, Arial, sans-serif
+		color: #bbb
+		font-style: italic
+
+
+footer
+	padding: 5rem 0
+	display: flex
+	justify-content: center
+
+	div
+		padding: 1rem
+
+
+
+
+.crimson
+	color: crimson
+	font-style: italic
+	opacity: 0.7
+
+
+.button
+	padding: 0.5rem
+	margin: 0.5rem
+	display: inline
+	border: 1px solid gray
+
+	a
+		text-decoration: none
+		font-style: italic
+
+h1.heading
+	font-size: 4rem
+	margin-bottom: 2rem
+	text-transform: uppercase
+
+div.post
+	padding: 1rem 0
+	border-bottom: 1px solid #ccc
+
+	a
+		text-decoration: none
+
+	h1
+		font-size: 1.5rem
+		font-weight: 300
+		padding-bottom: 0
+		margin-bottom: 0
+		line-height: 1
+
+	h2
+		font-size: 1.1rem
+		font-weight: 300
+		padding-bottom: 0
+		margin-bottom: 0
+		line-height: 1
+
+	p
+		font-style: italic
+
+
+#post-main
+	margin: 0 auto
+
+
+#post-title
+	position: relative
+	display: grid
+	padding: 10rem 3rem
+
+	@media screen and (max-width: $small)
+		padding: 5rem 1rem
+
+	#post-header
+		z-index: 10
+
+		&.dark
+			h1, h2
+				color: black
+
+		h1, h2
+			color: white
+
+		h1
+			font-weight: 300
+			font-size: 4rem
+			margin-bottom: 0
+			padding-botto: 0
+
+			@media screen and (max-width: $small)
+				font-size: 3rem
+
+		h2
+			font-size: 1.4rem
+			// font-style: italic
+			font-weight: 300
+
+	#post-image
+		transition: filter 0.5s ease
+		z-index: 1
+		width: 100%
+		height: 100%
+		position: absolute
+		background-position: center
+		background-repeat: no-repeat
+		background-size: cover
+		top: 0
+		left: 0
+		filter: none
+
+
+	&:hover
+		#post-image
+			filter: contrast(60%)
+
+
+#post-info
+	.emph
+		margin-left: 0.5rem
+		margin-right: 0.25rem
+		font-style: italic
+		color: crimson
+
+#post-body
+	margin: 0 auto
+	max-width: 45rem
+
+	p, li
+		font-family: "Helvetica", Arial, sans
+		line-height: 1.8
+
+	img
+		max-width: 100%
+		height: auto
+
+	pre
+		padding: 1rem
+		border-radius: 10px
+
+	figcaption
+		font-style: italic
+		color: #555
+
+
+	table
+		border-collapse: collapse;
+		margin: 2rem auto;
+
+		tr
+			border-bottom: 1px solid #f2f2f2
+
+		th, td
+			padding: 0.4rem 0.5rem
+			font-family: "Helvetica", Arial, sans
+
+		th
+			border-bottom: 1px solid #333
+
+		tr:hover
+			background-color: #f2f2f2
+
+	div.old-redpoll-warning
+		border: 1px solid crimson
+		border-radius: 10px
+		padding: 0.5rem 1rem
+		background-color: #fee