Add links to conjure-aas and conjure blocks and make wizard memes tru…

…ly random
gskorokhod · Feb 21, 2024 · 06ff355 · 06ff355
1 parent a2837e2
commit 06ff355
Showing 1 changed file with 45 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -5,9 +5,14 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Conjure Oxide</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+ <style>
+ #randomImage {
+ width: 500px; /* Adjust as needed */
+ }
+ </style>
 </head>
 <body>
-<main class="container mt-5">
+<main class="container mt-5 pb-5">
  <h1 class="mb-4">Conjure Oxide main page</h1>
  <section class="mb-5">
  <h2 class="mb-3">Links</h2>
@@ -17,6 +22,8 @@ <h2 class="mb-3">Links</h2>
  <li class="list-group-item"><a href="/conjure-oxide/coverage/main" class="text-decoration-none">Code coverage report</a></li>
  <li class="list-group-item"><a href="https://github.com/conjure-cp/conjure-oxide/wiki/Contributing" class="text-decoration-none">Contributors' guide</a></li>
  <li class="list-group-item"><a href="/conjure-oxide/tools/essence-feature-usage-stats" class="text-decoration-none">Essence feature usage stats tool</a></li>
+ <li class="list-group-item"><a href="https://conjure-aas.cs.st-andrews.ac.uk/" class="text-decoration-none">Conjure aaS</a></li>
+ <li class="list-group-item"><a href="https://conjure-cp.github.io/conjure-blocks/" class="text-decoration-none">Conjure Blocks</a></li>
  </ul>
  </section>
  <section class="mb-5">
@@ -25,9 +32,45 @@ <h2 class="mb-3">Internal</h2>
  </section>
  <section>
  <h2 class="mb-3">Wizard meme of the day ^~^</h2>
- <img src="https://i.kym-cdn.com/photos/images/newsfeed/002/570/727/cbe.jpg" alt="wizard meme of the day">
+ <img id="randomImage" src="https://i.kym-cdn.com/photos/images/newsfeed/002/570/727/cbe.jpg" alt="wizard meme of the day">
  </section>
 </main>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+<script>
+ // Define an array of image URLs
+ var images = [
+ 'https://i.kym-cdn.com/photos/images/original/002/674/218/9e7.jpeg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/739/4b3.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/738/644.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/734/ffb.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/737/fad.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/736/b23.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/735/448.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/718/3c2.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/727/cbe.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/733/6b5.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/726/afd.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/688/bb7.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/686/5df.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/713/e3e.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/687/da5.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/685/05a.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/683/801.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/682/857.jpg',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/668/0a2.png',
+ 'https://i.kym-cdn.com/photos/images/original/002/570/669/54d.png',
+ ];
+
+ // Generate a random index
+ var randomIndex = Math.floor(Math.random() * images.length);
+
+ // Select an image URL
+ var selectedImage = images[randomIndex];
+
+ // Set the src attribute of the image element
+ window.onload = function() {
+ document.getElementById('randomImage').src = selectedImage;
+ };
+</script>
 </body>
 </html>