remove outdated parts

FF2024/browser_game.html

@@ -79,7 +79,7 @@
 
 <p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
 <section id="using-llms-to-create-a-browser-game" class="level2">
-  <div class="callout callout-style-default callout-note callout-titled">
+ <!-- <div class="callout callout-style-default callout-note callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
 <i class="callout-icon"></i>
@@ -91,7 +91,7 @@
 <div class="callout-body-container callout-body">
 <p><strike>Make a single page game, save it as an <i>.html</i> file and post it in <a href="#">the Slack channel for this session</a>. We will demo the submissions on the big screen.</strike></p>
 </div>
-</div>
+</div> -->
 <h2 class="anchored" data-anchor-id="using-llms-to-create-a-browser-game">Using LLMs to create a browser game</h2>
 <p>This is another example of using LLMs to generate code. We will try to create a simple browser based html game and add some game elements to see how the LLM can help us create the game. The aim of the exercise is not to recreate the same thing as the LLM generates different code on separate interactions and neither to use the LLM in an "efficient" way by following prompt best practices but just to give an overview of what it can understand and do. In this instance we will create a game of Tic Tac Toe and build on top of it but you can try it with other simple games as well. At the end of the page you will find a link with the whole interaction we had with the LLM, all the prompts and resulting code, so you can look at that later as well.</p>
 

FF2024/exercise_session_2.html

@@ -49,12 +49,6 @@
 <section id="session-2" class="level2">
 <h2 class="anchored" data-anchor-id="session-2">Session 2</h2>
 <p>In this round of hands-on exercises you can choose various use cases/applications of LLMs to try out. We do not expect you to try out more than one of these in such a short time. Select one LLM use case that you think is most fun below.</p>
-<section id="try-a-scilifelab-chat-assistant--" class="level3">
-<h3 class="anchored" data-anchor-id="try-a-scilifelab-chat-assistant--"><a href="assistant.html"><del>Try a SciLifeLab chat assistant -&gt;</del></a></h3>
-</section>
-<section id="compare-a-specialized-and-general-llm--" class="level3">
-<h3 class="anchored" data-anchor-id="compare-a-specialized-and-general-llm--"><a href="specialized_vs_general.html"><del>Compare a specialized and general LLM -&gt;</del></a></h3>
-</section>
 <section id="upload-and-chat-about-a-document--" class="level3">
 <h3 class="anchored" data-anchor-id="upload-and-chat-about-a-document--"><a href="document.html">Upload and chat about a document -&gt;</a></h3>
 </section>

FF2024/exercise_session_2.qmd

@@ -9,10 +9,6 @@ editor: visual
 
 In this round of hands-on exercises you can choose various use cases/applications of LLMs to try out. We do not expect you to try out more than one of these in such a short time. Select one LLM use case that you think is most fun below.
 
-### [~~Try a SciLifeLab chat assistant -\>~~](assistant.html)
-
-### [~~Compare a specialized and general LLM -\>~~](specialized_vs_general.html)
-
 ### [Upload and chat about a document -\>](document.html)
 
 ### [Image generation -\>](images.html)

FF2024/images.html

@@ -80,8 +80,8 @@
 
 
 <p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
-  <div class="callout callout-style-default callout-note callout-titled">
-<div class="callout-header d-flex align-content-center">
+ <!-- <div class="callout callout-style-default callout-note callout-titled">
+ <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
 <i class="callout-icon"></i>
 </div>
@@ -92,7 +92,7 @@
 <div class="callout-body-container callout-body">
 <p><strike>Create an image of an animal that is a cross between two different real animals. Save it as a file and post it in <a href="#">the Slack channel for this session</a>. We will demo the submissions on the big screen.</strike></p>
 </div>
-</div>
+</div> -->
 <section id="image-generation" class="level2">
 <h2 class="anchored" data-anchor-id="image-generation">Image generation</h2>
 <p>One use of LLMs that has become popular is image generation. The version of Microsoft Copilot available via the universities can create images. The free version of ChatGPT does not offer full image generation capability but you can try and see what it gives you 😀.</p>