Readme/example tweaks

adamjhf · Oct 30, 2023 · f65bfb9 · f65bfb9
1 parent c521aae
commit f65bfb9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 ## Quick start
 Several quick start options are available:
 
-* [Download the latest release](https://github.com/adamjhf/hyperstars/archive/master.zip).
+* [Download the latest release](https://github.com/adamjhf/hyperstars/archive/main.zip).
 * Clone the repo: `git clone https://github.com/adamjhf/hyperstars.git`.
 
 See [examples in action](http://adamjhf.github.io/hyperstars/).

diff --git a/index.html b/index.html
@@ -4,15 +4,18 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
-  <title>hyperstars example</title>
+  <title>_hyperstars examples</title>
   <style>
     body {
-      font-size: 50px;
       margin: 1em;
     }
 
-    p {
-      font-size: 30px;
+    .hyperstars {
+      font-size: 50px;
+    }
+
+    input[type=range] {
+      display: none;
     }
   </style>
   <link href="hyperstars.css" rel="stylesheet" type="text/css" />
@@ -21,15 +24,16 @@
 </head>
 
 <body>
-  <p>Default:</p>
+  <h1>_hyperstars examples</h1>
+  <h2>Default:</h2>
   <span _="install Hyperstars()"></span>
-  <p>With reset button:</p>
+  <h2>With reset button:</h2>
   <span _="install Hyperstars(resettable: true)"></span>
-  <p>With custom input:</p>
+  <h2>With custom input:</h2>
   <span _="install Hyperstars()">
     <input type="range" min="2" max="10" step="1" value="5">
   </span>
-  <p>Readonly/disabled:</p>
+  <h2>Readonly/disabled:</h2>
   <span _="install Hyperstars()">
     <input type="range" value="2.5" readonly>
   </span>