changelog / news section (#2230)

changelog.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## 1.4
+
+- New examples:
+    - Angular 17
+    - Lit
+    - Preact
+    - React Redux
+    - Svelte
+    - Web Components
+
+- Updated examples:
+    - Backbone
+    - Ember
+    - jQuery
+    - React
+    - Vue
+    - JavaScript ES5 (vanilla)
+    - JavaScript ES6 (vanilla ES6)
+
+- Removed examples:
+    - Angular 2
+    - Angular 2 / ES2015
+    - Angular JS
+    - Firebase Angular
+    - Kotlin React
+    - React Alt
+    - React Backbone
+    - React hooks
+    - Scalajs React
+
+- General updates:
+    - remove `Router` badge on home page
+    - add `New` badge for new / updated examples
+    - update avatars in readme and on index page
+    - pin node version to run locally
+
+## 1.3.1
+
 New since 1.3:
 	- Kotlin-react
 

index.html

@@ -372,21 +372,40 @@ <h2>Compare these to a non-framework implementation</h2>
 			<hr>
 			<div class="row">
 				<div class="col-md-4">
-					<h2>New in 1.3</h2>
+					<h2>New in 1.4</h2>
 					<ul class="whats-new">
-						<li>We now have 64 applications.
-							<label class="link" for="news-expander">New since 1.3 ▼</label>
-							<input type="checkbox" id="news-expander">
-							<ul class="collapsed" id="new-apps">
-								<li><a href="examples/angular-dart/web/">AngularDart</a></li>
-								<li><a href="examples/atmajs/">Atma.js</a></li>
-								<li><a href="examples/exoskeleton/">Exoskeleton</a></li>
-								<li><a href="examples/componentjs/">ComponentJS</a></li>
-								<li><a href="examples/binding-scala/">Binding.scala</a></li>
-							</ul>
+						<li><h4>New Additions ✨</h4>
+							<div>
+								<p>To stay representative of frameworks & language features used on the web, we added a few new example apps.</p>
+								<label class="link" for="new-expander">Examples ▼</label>
+								<input type="checkbox" id="new-expander" class="simple-dropdown">
+								<ul class="collapsed" id="new-apps">
+									<li><a href="examples/angular/dist/browser/">Angular 17</a></li>
+									<li><a href="examples/lit/dist/">Lit</a></li>
+									<li><a href="examples/preact/dist/">Preact</a></li>
+									<li><a href="examples/react-redux/dist/">React Redux</a></li>
+									<li><a href="examples/svelte/dist/">Svelte</a></li>
+									<li><a href="examples/web-components/dist/">Web Components</a></li>
+								</ul>
+							</div>
+						</li>
+						<li><h4>Updated Versions 🧹</h4>
+							<div>
+								<p>Some updates to examples that were out-of-date, but still widely used on the web.</p>
+								<label class="link" for="updated-expander">Examples ▼</label>
+								<input type="checkbox" id="updated-expander" class="simple-dropdown">
+								<ul class="collapsed" id="new-apps">
+									<li><a href="examples/backbone/dist/">Backbone</a></li>
+									<li><a href="examples/emberjs/">Ember</a></li>
+									<li><a href="examples/jquery/dist/">jQuery</a></li>
+									<li><a href="examples/react/dist/">React</a></li>
+									<li><a href="examples/vue/dist/">Vue</a></li>
+									<li><a href="examples/javascript-es5/">JavaScript ES5</a></li>
+									<li><a href="examples/javascript-es6/">JavaScript ES6</a></li>
+								</ul>
+							</div>
 						</li>
-						<li>Updates have been made to apps including Vanilla, Angular, React, Backbone, Ember, jQuery &amp; many more.</li>
-						<li>The knockoutjs_classBindingProvider application has been removed.</li>
+						<li>Misc. updates to the homepage.</li>
 					</ul>
 				</div>
 				<div class="col-md-4">

site-assets/main.css

@@ -210,11 +210,11 @@ header nav a:not(:last-child) {
 	transition: max-height 0.7s ease-out;
 }
 
-#news-expander {
+.simple-dropdown {
 	display: none;
 }
 
-#news-expander:checked ~ .collapsed {
+.simple-dropdown:checked ~ .collapsed {
 	max-height: 999px;
 	transition: max-height 0.7s ease-in;
 }