diff --git a/Resume.pdf b/Resume.pdf
deleted file mode 100644
index 6b6ef99..0000000
Binary files a/Resume.pdf and /dev/null differ
diff --git a/index.html b/index.html
index 8c0c76f..5f3352a 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
             <div id="masthead-content" style="max-width: 650px;">
                 <svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"
                     style="height: 70px; align-self: flex-start">
-                    <circle cx="30" cy="30" r="30" fill="var(--zomp)" />
+                    <circle cx="30" cy="30" r="30" fill="var(--accent-1)" />
                 </svg>
 
                 <h1>Hi! I'm Sidney Nimako</h1>
@@ -32,7 +32,7 @@ <h1>Hi! I'm Sidney Nimako</h1>
                     <!-- My research interests are in assistive robotics, human-robot interaction, and robotic manipulation. -->
                     I am interested in building human-centered robotic systems. I am particularly interested in
                     researching
-                    search and rescue systems, assistive robotics, safe pHRI, and robotic manipulation.
+                    search and rescue system, assistive robotics, safe pHRI, and robotic manipulation.
                     <br>
                     <br>
                     Currently:
@@ -89,7 +89,7 @@ <h1>00 Work</h1>
                                 <p class="sub-section-title">Hardware Engineering Intern</p>
                                 <p class="sub-section-text">DoorDash Labs</p>
                                 <p class="sub-section-text">2022 + 2023</p>
-                                <!-- <p class="sub-section-text">San Francisco, CA</p> -->
+                                <p class="sub-section-text">San Francisco, CA</p>
                             </div>
                             <p class="large-description sub-section-text">I worked with DoorDash Labs to develop
                                 software
@@ -109,9 +109,9 @@ <h1>00 Work</h1>
                                 <p class="sub-section-title">Undergraduate Research Assistant</p>
                                 <p class="sub-section-text">CMU Robomechanics Lab</p>
                                 <p class="sub-section-text">2022 - 2023</p>
-                                <!-- <p class="sub-section-text">Pittsburgh, PA</p> -->
+                                <p class="sub-section-text">Pittsburgh, PA</p>
                             </div>
-                            <p class="large-description sub-section-text">I worked with a couple of masters students and
+                            <p class="large-description sub-section-text">I worked with
                                 Dr.
                                 Aaron Johnson on exploring the costs and conrols of a spined quadruped robot. I focused
                                 on
@@ -123,7 +123,7 @@ <h1>00 Work</h1>
                                 <p class="sub-section-title">Robotics Research Intern</p>
                                 <p class="sub-section-text">Meta AI Research</p>
                                 <p class="sub-section-text">2021</p>
-                                <!-- <p class="sub-section-text">Pittsburgh, PA</p> -->
+                                <p class="sub-section-text">Pittsburgh, PA</p>
                             </div>
                             <p class="large-description sub-section-text">Worked on the development of a three digit
                                 dextrous
@@ -138,7 +138,7 @@ <h1>00 Work</h1>
                                 <p class="sub-section-title">VR Development Intern</p>
                                 <p class="sub-section-text">Biomotivate</p>
                                 <p class="sub-section-text">2020</p>
-                                <!-- <p class="sub-section-text">Pittsburgh, PA</p> -->
+                                <p class="sub-section-text">Pittsburgh, PA</p>
                             </div>
                             <p class="large-description sub-section-text">I worked with a Pittsburgh based start up to
                                 develop
diff --git a/shrtn.html b/shrtn.html
index 91255ef..05c5194 100644
--- a/shrtn.html
+++ b/shrtn.html
@@ -1,43 +1,62 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sentence Embedding Calculator</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/tensorflow/4.15.0/tf.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/tensorflow-text/4.15.0/tf-text.min.js"></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/universal-sentence-encoder"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@mlc-ai/web-llm@0.2.77/lib/index.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/universal-sentence-encoder"></script>
+    <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=Knewave&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Sriracha&display=swap" rel="stylesheet">
     <style>
         body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            max-width: 800px;
-            margin: 2rem auto;
-            padding: 0 1rem;
-            line-height: 1.5;
+            font-family: "Sriracha", serif;
+            background-color: #50c8e6;
+
         }
 
         .container {
-            background-color: #f8f9fa;
-            padding: 2rem;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-
-        textarea {
-            width: 100%;
-            padding: 0.5rem;
-            margin: 1rem 0;
-            border: 1px solid #ced4da;
-            border-radius: 4px;
-            min-height: 100px;
-            font-size: 1rem;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            justify-items: center;
+        }
+
+        #title {
+            font-family: 'Knewave';
+            font-size: 10vh;
+        }
+
+        form {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            justify-items: center;
+        }
+
+        input[type="text"] {
+            width: 60vw;
+            font-size: 24px;
+            border: 3px solid #000000;
+            border-radius: 5px;
+            min-height: 40px;
+            text-align: center;
         }
 
         button {
-            background-color: #007bff;
+            background-color: black;
             color: white;
             border: none;
-            padding: 0.5rem 1rem;
-            border-radius: 4px;
+            padding: 30px 30px;
+            border-radius: 20px;
             cursor: pointer;
             font-size: 1rem;
         }
@@ -52,9 +71,9 @@
         }
 
         #result {
-            margin-top: 1rem;
+            margin-top: 36px;
             white-space: pre-wrap;
-            font-family: monospace;
+            font-size: 24px;
         }
 
         .error {
@@ -72,85 +91,151 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
-        <h1>Sentence Embedding Calculator</h1>
-        <p>Enter a sentence below to compute its embedding using TensorFlow Universal Sentence Encoder.</p>
-        
-        <textarea id="input" placeholder="Enter your sentence here..."></textarea>
-        
-        <button id="calculate">Calculate Embedding</button>
-        
+        <h1 id="title">SHRTN</h1>
+        <h1 id="initial-sentence"> The quick brown fox jumps over the lazy dog</h1>
+
+        <form autocomplete="off" autocapitalize="none" autocorrect="on">
+            <input type="text" id="input" placeholder="Enter your sentence here...">
+            <!-- <p>Character count:
+            <p id="character-count">0</p> -->
+            </p>
+            <br>
+            <span style="display: flex; flex-direction: row; width: 50%; justify-content: space-between;">
+
+                <button id="calculate">Calculate Embedding</button>
+                <button id="next">Next Sentence</button>
+            </span>
+        </form>
+        <!-- <textarea id="input" placeholder="Enter your sentence here..."></textarea>
+
+        <button id="calculate">Calculate Embedding</button> -->
+
         <div id="loading" class="loading">
-            Loading model and computing embedding... This might take a few moments on first run.
+            Computing embedding...
         </div>
-        
+
         <div id="result"></div>
     </div>
-
-    <script>
+    <script lang="ts">
         const input = document.getElementById('input');
-        const calculateBtn = document.getElementById('calculate');
-        const loading = document.getElementById('loading');
+        const calculate = document.getElementById('calculate');
         const result = document.getElementById('result');
+        const loading = document.getElementById('loading');
+        const initial_sentence = document.getElementById('initial-sentence');
+        const form = document.querySelector('form');
+        const characterCountText = document.getElementById('character-count');
+
+        let model;
+        let indx = Math.floor(Math.random() * 50);
+        let list;
+        let initialEmbedding;
+        let initialSentence;
+        let characterCount;
+        let initialCharacterCount;
+
+        // Create a type with a character difference, embedding difference, and score.
+        // const Score = {
+        //     characterDiff: number,
+        //     embeddingDiff: number,
+        //     score: number
+        // };
+
+        const scores = [];
+
+
+        loadModel();
+        fetch("../shrtn.json")
+            .then(response => response.json())
+            .then(data => {
+                list = data;
+                initialSentence = list.sentences[indx];
+                console.log(initialSentence);
+                // const initialSentence = list.sentences[indx];
+                initialCharacterCount = initialSentence.length
+                characterCount = initialCharacterCount;
+                initial_sentence.textContent = initialSentence;
+                input.value = initialSentence;
+            });
+
+        function computeScore(characterDiff, embeddingDiff) {
+            // First 5 character are 5 points
+            // Next 5 characters are 8 points
+            // Next 2 characters are 10 points
+            // All other characters are 15 points
+            let characterSubScore = 5 * Math.min(characterDiff, 5) +
+                8 * Math.min(Math.max(characterDiff - 5, 0), 5) +
+                10 * Math.min(Math.max(characterDiff - 10, 0), 2) +
+                15 * Math.max(characterDiff - 12, 0);
+
+            let embeddingSubScore = 10 * (1 - embeddingDiff);
+
+            return Math.floor(embeddingSubScore * characterSubScore);
 
-        let model = null;
+        }
 
         async function loadModel() {
-            try {
-                model = await tf.loadGraphModel(
-                    'https://tfhub.dev/tensorflow/tfjs-model/universal-sentence-encoder-lite/1/default/1',
-                    { fromTFHub: true }
-                );
-                return true;
-            } catch (error) {
-                console.error('Error loading model:', error);
-                return false;
-            }
-        }
+            model = await use.load();
+            console.log('Model loaded');
+            loading.classList.remove('visible');
 
-        async function calculateEmbedding(text) {
-            if (!model) {
-                const loaded = await loadModel();
-                if (!loaded) {
-                    throw new Error('Failed to load model');
-                }
-            }
+            // Embed the initial sentence.
+            initialEmbedding = await model.embed(initialSentence);
+            characterCountText.textContent = characterCount;
+        }
 
-            const embeddings = await model.predict(tf.tensor([text]));
-            return Array.from(await embeddings.data());
+        function calculateCharacterCountDifference(sentence) {
+            return initialCharacterCount - sentence.length;
         }
 
-        calculateBtn.addEventListener('click', async () => {
-            const text = input.value.trim();
-            
-            if (!text) {
-                result.innerHTML = '<div class="error">Please enter a sentence.</div>';
-                return;
-            }
+        function calculateEmbeddingDifference(embedding) {
+            return tf.losses.cosineDistance(embedding, initialEmbedding).arraySync();
+        }
 
-            calculateBtn.disabled = true;
+        calculate.addEventListener('click', async () => {
             loading.classList.add('visible');
-            result.innerHTML = '';
-
-            try {
-                const embedding = await calculateEmbedding(text);
-                
-                const formattedResult = `Embedding vector (${embedding.length} dimensions):
-                
-[${embedding.slice(0, 8).map(n => n.toFixed(6)).join(', ')},
- ...,
- ${embedding.slice(-8).map(n => n.toFixed(6)).join(', ')}]`;
-                
-                result.textContent = formattedResult;
-            } catch (error) {
-                result.innerHTML = '<div class="error">Error computing embedding. Please try again.</div>';
-                console.error('Error:', error);
-            } finally {
-                calculateBtn.disabled = false;
-                loading.classList.remove('visible');
+            result.textContent = '';
+
+            if (!model) {
+                await loadModel();
             }
+            // Embed the input sentence.
+            const embeddings = await model.embed(input.value);
+            const characterDiff = Math.round(calculateCharacterCountDifference(input.value), 2);
+            const embeddingDiff = Math.max(0, calculateEmbeddingDifference(embeddings)).toFixed(2);
+
+            // Print the embeddings.
+            scores.push({
+                characterDiff,
+                embeddingDiff,
+                score: computeScore(characterDiff, embeddingDiff)
+            });
+            result.textContent = `Character count difference: ${characterDiff}\n` +
+                `Embedding difference: ${embeddingDiff}` + '\n' + `Score: ${computeScore(characterDiff, embeddingDiff)}`;
+            loading.classList.remove('visible');
+        });
+
+        next.addEventListener('click', () => {
+            // Refresh the page
+            window.location.reload();
+        });
+
+
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+            calculate.click();
+        });
+
+        input.addEventListener('keydown', () => {
+            characterCount = input.value.length;
+            characterCountText.textContent = characterCount;
         });
+
+
+
     </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/shrtn.json b/shrtn.json
new file mode 100644
index 0000000..4390f8f
--- /dev/null
+++ b/shrtn.json
@@ -0,0 +1,55 @@
+{
+    "sentences": [
+        "The climate crisis is forcing governments to reconsider their environmental policies to reduce emissions.",
+        "Literature often reflects cultural and social issues, providing insights into various historical perspectives.",
+        "The construction of the new bridge will significantly ease heavy traffic congestion in the city area.",
+        "Scientific discoveries continue to expand humanity’s understanding of the vast and mysterious universe.",
+        "The protagonist in the novel faces difficult moral dilemmas that challenge her deeply held beliefs.",
+        "Volunteering regularly at community centers helps foster responsibility and empathy for others' struggles.",
+        "Economic stability is closely linked to the overall success of thriving small businesses locally.",
+        "Digital media platforms play a major role in shaping and influencing global public opinion today.",
+        "The painting vividly captures the artist’s emotional response to the horrors of war and loss.",
+        "Political leaders are constantly working to negotiate long-term peace agreements in various conflict zones.",
+        "The museum’s latest exhibit showcases important artifacts from ancient civilizations across different regions.",
+        "Understanding algebra is necessary for effectively solving many real-world mathematical problems and equations.",
+        "Modern architecture blends innovative design concepts with practical functionality for sustainable structures.",
+        "Space exploration has led to the development of many groundbreaking technologies used daily.",
+        "The play cleverly uses humor to address and criticize serious societal issues in depth.",
+        "Scientific advancements have significantly improved global healthcare outcomes over the past decade.",
+        "The biography details the struggles and triumphs of an influential and iconic historical figure.",
+        "Renewable energy sources like wind and solar power are essential for a sustainable planet.",
+        "Genetic research could unlock groundbreaking solutions to previously incurable diseases and conditions.",
+        "The importance of mental health awareness is increasing in communities around the world today.",
+        "Recycling programs contribute to reducing global environmental waste and promoting sustainable practices.",
+        "A nation’s economy is heavily influenced by international trade agreements and policies.",
+        "Technological innovation consistently drives the growth of major global industries worldwide.",
+        "The artist’s work clearly reflects the political and social climate of her era.",
+        "Wildlife conservation efforts help protect endangered species from extinction and habitat destruction.",
+        "Effective communication is absolutely vital for maintaining strong and healthy personal relationships.",
+        "The architectural design of the new building strongly emphasizes sustainability and green practices.",
+        "Artificial intelligence continues transforming the healthcare industry by improving diagnostic accuracy.",
+        "Historical events play a significant role in shaping the policies of modern governments.",
+        "Cybersecurity measures are crucial for protecting personal information from online threats and hackers.",
+        "Learning a second language enhances cognitive abilities and improves overall communication skills.",
+        "The novel deeply explores themes of justice, betrayal, and the misuse of power.",
+        "Economic disparities frequently lead to social unrest and widespread protest in major cities.",
+        "The film’s director effectively uses visual effects to enhance storytelling and audience engagement.",
+        "Climate change has directly contributed to more frequent and severe natural disasters globally.",
+        "Music often evokes strong emotional responses from listeners and connects to personal experiences.",
+        "The court’s recent ruling has established an important new legal precedent for future cases.",
+        "Urban planning helps manage rapid population growth and improves city infrastructure development.",
+        "Scientific evidence overwhelmingly supports the modern theory of evolution and natural selection.",
+        "Public speaking skills are necessary for successful leadership and career development today.",
+        "Online education provides greater access to learning opportunities for students worldwide.",
+        "The poem reflects deeply on the complexities and contradictions of human nature.",
+        "Cultural diversity enriches communities and broadens perspectives through unique shared experiences.",
+        "Medical research aims to develop new treatments and cures for widespread diseases.",
+        "The invention of the printing press revolutionized global communication and the spread of ideas.",
+        "Social media platforms significantly influence how people interact and share information globally.",
+        "History provides valuable lessons about the consequences of human conflict and cooperation.",
+        "Reducing fossil fuel consumption benefits the environment and reduces harmful carbon emissions.",
+        "Renewable resources like solar power help lower our overall carbon footprint and pollution.",
+        "International cooperation is critical for effectively addressing and managing global pandemics.",
+        "Scientific data strongly supports the urgent need for immediate climate action worldwide."
+    ]
+}
\ No newline at end of file
diff --git a/simple.css b/simple.css
index f549412..66fdc8c 100644
--- a/simple.css
+++ b/simple.css
@@ -5,11 +5,11 @@
 :root {
     --madder: #C41230;
     --greh: #a5a5a7;
-    /* --zomp: #2CA58D; */
-    --zomp: #0c694d;
-    --background: rgb(240, 243, 243);
-    --accent-1: #0c694d;
-    --section-outline-color: #0c7e323d;
+    --background: #f0f3f3;
+    /* --accent-1: #004F2D; */
+    --accent-1: #26547C;
+    /* --section-outline-color: #0c7e323d; */
+    --section-outline-color: #5393CA;
 }
 
 .marginless {
@@ -163,7 +163,7 @@ br {
         max-height: 30vh;
 
     }
-
+    
     #left {
         display: block;
     }