lipstick

dennis/static/blog/000000000-swim.html

@@ -1,5 +1,5 @@
 <article>
-    <p className="align-right date">
+    <p style="text-align: right;">
         April 22, 1958<br />
         57 Perry Street<br />
         New York City<br />
@@ -19,7 +19,7 @@
         to give you
         <i>specific</i> advice, it would be too much like the blind leading the blind.
     </p>
-    <p className="align-center">
+    <p style="text-align: center;">
         <i>
             "To be, or not to be: that is the question: Whether 'tis nobler in the mind to
             suffer the slings and arrows of outrageous fortune, or to take arms against a sea of
@@ -151,7 +151,7 @@
     </p>
     <br />
     <p>&nbsp;&nbsp;&nbsp;&nbsp;And that's it for now. Until I hear from you again, I remain,</p>
-    <p className="align-right">
+    <p style="text-align: right;">
         your friend...<br />
         Hunter
     </p>

dennis/static/blog/20220506-change.html

@@ -1,7 +1,5 @@
 <article>
-    <p className="align-right date">May 06, 2022</p>
-    <h2 className="title">Change</h2>
-    <p className="align-center">
+    <p style="text-align: center;">
         <i>"Life should not be a journey to the grave with the intention of arriving safely in
             a pretty and well preserved body, but rather to skid in broadside in a cloud of
             smoke, thoroughly used up, totally worn out, and loudly proclaiming "Wow! What a

dennis/static/blog/20220520-nvidia.html

@@ -1,12 +1,10 @@
 <article>  
-    <p className="align-right date">May 20, 2022</p>
-    <h2 className="title">It's about time, NVIDIA</h2>
     <p>&nbsp;&nbsp;&nbsp;It's about time... NVIDIA has finally released and is starting to
         support Open-source software with their new modules released recently for the Linux
         kernel. NVIDIA historically has been seemingly against Linux/OSS for whatever reason.
         This is a huge step forward both for end users and NVIDIA.
     </p>
-    <p className="align-center">
+    <p style="text-align: center;">
         <a href="https://github.com/NVIDIA/open-gpu-kernel-modules">
             NVIDIA open-gpu-kernel-modules</a > on github.
     </p>

dennis/static/blog/20220602-back.html

@@ -1,6 +1,4 @@
 <article>
-    <p className="align-right date">Jun 02, 2022</p>
-    <h2 className="title">Back to School</h2>
     <h3>Where the hell have I been!?</h3>
     <p>
         Looking back at the past 5 weeks, it's impressive the amount of new things that have

dennis/static/blog/20220701-progress.html

@@ -1,8 +1,6 @@
 <article>
-    <p className="align-right date">Jul 01, 2022</p>
-    <h2 className="title">It's a post about nothing!</h2>
     <p>The progress update</p>
-    <p className='align-center'>
+    <p style='text-align: center;'>
         <img src="https://doordesk.net/pics/plates.gif" />
     </p>
     <h3>Bots</h3>

dennis/static/blog/test.py

@@ -1,2 +0,0 @@
-with open('./000000000-swim.html') as file:
-    print(file.read());

dennis/static/projects/20220529-housing.html

@@ -1,6 +1,4 @@
 <article>
-    <p className="align-right date">May 29, 2022</p>
-    <h2 className="title">Predicting Housing Prices</h2>
     <p>
         A recent project I had for class was to use
         <a href="https://scikit-learn.org/stable/index.html" target="new">scikit-learn</a>
@@ -30,20 +28,20 @@
         Well, I don't know much about appraising houses. But I have heard the term "price per
         square foot" so we'll start with that:
     </p>
-    <p className="align-center"><img src="https://doordesk.net/pics/livarea_no_outliers.png" /></p>
+    <p style="text-align: center;"><img src="https://doordesk.net/pics/livarea_no_outliers.png" /></p>
     <p>
         There is a feature for 'Above Grade Living Area' meaning floor area that's not basement.
         It looks linear, there were a couple outliers to take care of but this should be a good
         signal.
     </p>
     <p>Next I calculated the age of every house at time of sale and plotted it:</p>
-    <p className="align-center"><img src="https://doordesk.net/pics/age.png" /></p>
+    <p style="text-align: center;"><img src="https://doordesk.net/pics/age.png" /></p>
     <p>
         Exactly what I'd expect to see. Price drops as age goes up, a few outliers. We'll
         include that in the model.
     </p>
     <p>Next I chose the area of the lot:</p>
-    <p className="align-center"><img src="https://doordesk.net/pics/lot_area.png" /></p>
+    <p style="text-align: center;"><img src="https://doordesk.net/pics/lot_area.png" /></p>
     <p>
         Lot area positively affects sale price because land has value. Most of the houses here
         have similarly sized lots.

dennis/static/projects/20220614-reddit.html

@@ -1,6 +1,4 @@
 <article>
-    <p className="align-right date">Jun 14, 2022</p>
-    <h2 className="title">What Goes Into a Successful Reddit Post?</h2>
     <p>
         In an attempt to find out what about a Reddit post makes it successful I will use some
         classification models to try to determine which features have the highest influence on

dennis/static/projects/20230217-cartman.html

@@ -1,5 +1,4 @@
-<p className="align-right date">Feb 17, 2023</p>
-<h2 class="title">Cartman</h2>
+<article>
     <ul>
         <li><a href="https://github.com/adoyle0/chatbots">Cartman</a> is trained by combining Microsoft's
             <a href="https://huggingface.co/microsoft/DialoGPT-large">DialoGPT-large</a>
@@ -34,3 +33,4 @@
         <a href="https://github.com/adoyle0/cartman/tree/master/api/test">example scripts</a>
         to talk to the docker container.
     </p>
+</article>

solid_start/src/components/Slingshot.tsx

@@ -12,7 +12,7 @@ export type Ammo = {
 export default function Slingshot(props: { ammo: Ammo }) {
 
     return (
-        <main class="bg-zinc-900 mx-auto p-4 my-5 w-11/12 max-w-screen-xl">
+        <main class="bg-zinc-700 mx-auto p-6 my-5 w-11/12 max-w-screen-xl rounded-md shadow-lg bg-opacity-20">
             <p class="text-right">
                 {props.ammo.date}
             </p>

solid_start/src/root.css

@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* for innerHTML articles */ 
+article p, h3 {
+    margin-top: 2em;
+}
+
+article h3 {
+    font-size: 1.5em;
+}

solid_start/src/root.tsx

@@ -25,16 +25,16 @@ export default function Root() {
             : "border-transparent hover:border-orange-700 duration-300";
 
     return (
-        <Html lang="en" class="text-zinc-300">
+        <Html lang="en" class="text-orange-50">
             <Head>
                 <Title>doordesk</Title>
                 <Meta charset="utf-8" />
                 <Meta name="viewport" content="width=device-width, initial-scale=1" />
             </Head>
-            <Body class="bg-zinc-950">
+            <Body class="bg-gradient-to-br from-zinc-900 to-zinc-950 ">
                 <Suspense>
                     <ErrorBoundary>
-                        <nav class="bg-gradient-to-b from-zinc-800 to-zinc-900">
+                        <nav class="bg-gradient-to-b from-zinc-800 to-zinc-900 shadow-lg sticky top-0">
                             <ul class="container flex items-center p-3">
                                 <li class={`border-b-2} mx-1.5 sm:mx-6`}>
                                     DoorDesk