...

app.hxml

@@ -2,7 +2,6 @@
 -main App
 Audioplayer
 -cp sources
--lib om.core
 -dce full
 -debug
 -D source-header=

content/draft/jonestown/index.md

@@ -0,0 +1,33 @@
+---
+title: "Jonestown"
+date: 2020-10-10
+type: "project"
+theme: "wb"
+tags: ["music"]
+description: ""
+links: [
+	disktree.net/music/jonestown/jonestown-2.mp3,
+	disktree.net/music/jonestown/jonestown-3.mp3,
+	disktree.net/music/jonestown/jonestown-4.mp3,
+	disktree.net/music/jonestown/jonestown-5.mp3,
+	disktree.net/music/jonestown/jonestown-6.mp3,
+	disktree.net/music/jonestown/jonestown-7.mp3,
+	disktree.net/music/jonestown/jonestown-8.mp3,
+	disktree.net/music/jonestown/jonestown-10.mp3,
+	disktree.net/music/jonestown/jonestown-11.mp3,
+	disktree.net/music/jonestown/jonestown-13.mp3,
+]
+draft: true
+---
+{{< image src="jonestown_2.jpg" style="position:fixed;right:1rem;bottom:1rem;width:34%;" >}}
+{{< background-image "jonestown_3.jpg" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-2.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-3.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-4.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-5.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-6.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-7.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-8.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-10.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-11.mp3" >}}
+{{< audio src="https://disktree.net/music/jonestown/jonestown-13.mp3" >}}

content/draft/muzak.md

@@ -0,0 +1,12 @@
+---
+title: "Muzak"
+date: 2018-06-20
+tags: [speech,recognition]
+description: ""
+type: project
+links: [
+	disktree.net/app/muzak
+]
+draft: true
+---
+{{< iframe src="https://disktree.net/app/muzak/" >}}

content/project/84/index.md

@@ -1,7 +1,7 @@
 ---
 title: "84"
 date: 1984-01-01
-tags: ["music","mixtape"]
+tags: [music,mixtape]
 ---
 {{< background-image 84.jpg >}}
-{{< background-audio "https://music.disktree.net/MIX/hutter_80_tapes_2.mp3" >}}
+{{< background-audio "https://disktree.net/music/MIX/hutter_80_tapes_2.mp3" >}}

content/project/atom-videoplayer/index.md

@@ -8,4 +8,4 @@ links: [
 	github.com/tong/atom-videoplayer
 ]
 ---
-{{< image src="atom-videoplayer.png" >}}
+{{< image src="atom-videoplayer-feature.png" >}}

content/project/fadr/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Fadr"
-date: 2013-05-26T12:54:57+02:00
-tags: [experiment,haxe]
+date: 2013-05-26
+tags: [light,haxe]
 links: [
 	fadr.disktree.net,
 	chrome.google.com/webstore/detail/fadr/lionpbnnnifoojemhjailcbcnbdcibfe,

content/project/fract/index.md

@@ -2,12 +2,10 @@
 title: "Fract"
 date: 2002-01-01
 tags: [music,tekno]
-description: ""
 links: [
 	disktree.net/music/setrat.ogg,
 	disktree.net/music/kontroverse2.ogg
 ]
-draft: true
 ---
 {{< background-image fractint-feature.jpg >}}
 {{< audio src="http://disktree.net/music/setrat.ogg" >}}

content/project/fuxnews/fuxnews.md → content/project/fuxnews/index.md

@@ -7,4 +7,4 @@ links: [
 	github.com/disktree/fuxnews
 ]
 ---
-{{<iframe src="https://disktree.net/app/fuxnews">}}
+{{< iframe src="https://disktree.net/app/fuxnews" >}}

content/project/letterspace.md

@@ -4,7 +4,7 @@ date: 2017-09-25
 tags: [game,rtc,haxe]
 description: "A fucking webrtc p2p multiplayer mesh network space."
 links: [
-	disktree.net/app/letterspace
+	http://letterspace.disktree.net/
 ]
 ---
-{{<iframe src="https://disktree.net/app/letterspace">}}
+{{< iframe src="http://letterspace.disktree.net/" >}}

content/project/strobe.md

@@ -1,7 +1,7 @@
 ---
 title: "Strobe"
-date: 2016-09-11T12:54:57+02:00
-tags: ["web","haxe"]
+date: 2016-09-11
+tags: [light,haxe]
 links: [
 	strobe.disktree.net,
 	github.com/disktree/strobe

layouts/index.html

@@ -3,7 +3,7 @@
 	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="100%" width="100%">
 		<style>
 			path {
-				stroke: #fff;
+				stroke: var(--f_med);
 				stroke-width: 2;
 			}
 		</style>
@@ -25,11 +25,10 @@
 <!--  -->
 {{ end }}
 
-
 {{ define "scripts" }}
-<script>
-	window.addEventListener('load', e => {
-		setTimeout(() => { window.location = '{{ .Site.BaseURL }}/project'; }, 20 );
-	});
-</script>
+	<script>
+		window.addEventListener('load', e => {
+			setTimeout(() => { window.location = '{{ .Site.BaseURL }}/project'; }, 30 );
+		});
+	</script>
 {{ end }}

sources/App.hx

@@ -1,7 +1,10 @@
-import js.html.File;
+
+import haxe.Json;
 import js.Browser.console;
 import js.Browser.document;
 import js.Browser.window;
+import js.html.File;
+import js.html.IFrameElement;
 
 using haxe.io.Path;
 
@@ -11,7 +14,7 @@ class App {
 
 		console.log("%cDISKTREE.NET", "color:#000");
 
-		document.addEventListener('DOMContentLoaded', e -> {
+		document.addEventListener( 'DOMContentLoaded', e -> {
 			var pageTheme = document.head.querySelector('meta[name="theme"]');
 			if( pageTheme == null ) {
 				var theme = Theme.loadLocal();
@@ -50,6 +53,37 @@ class App {
 					} );
 				}
 			});
+
+			/*
+			var iframe : IFrameElement = cast document.body.querySelector( 'main article iframe' );
+			if( iframe != null ) {
+				var source = null;
+				window.addEventListener( 'message', function(e){
+					console.debug(e);
+					var msg : Dynamic = try Json.parse( e.data ) catch(e:Dynamic) {
+						trace(e);
+						return;
+					}
+					console.debug(msg);
+					source = e.source;
+					//var title = document.body.querySelector( 'main .title' );
+					//title.textContent = msg.channel;
+					//e.source.posMessage( Json.stringify( { channel: 'sander-2', video: 1 } ) );
+				}, false );
+
+				window.addEventListener( 'keydown', e -> {
+					switch e.key {
+					case 'd':
+						trace(source);
+						if( source != null ) {
+							source.postMessage( Json.stringify( { channel: 'sander-2', video: 1 } ) );
+						}
+						//iframe.postMessage( { channel: 'sander-2', video: 1 } );
+					default:
+					}
+				});
+			}
+			*/
 		});
 	}
 }

style/component/project.less

@@ -64,7 +64,7 @@ nav.prev_next {
 body > main > div.project {
 	display: grid;
 	grid-template-columns: 1fr; //repeat(4,1fr);
-	grid-template-rows: auto auto auto auto 1fr;
+	grid-template-rows: minmax(3rem,auto) minmax(5.5rem,auto) auto auto 1fr;
 	//align-items: center;
 	//gap: 0.5rem;
 	height: 100%;
@@ -82,7 +82,7 @@ body > main > div.project {
 		display: flex;
 		flex-direction: row;
 		flex-wrap: wrap;
-		margin-bottom: 0.5rem;
+		//margin-bottom: 0.5rem;
 		position: relative;
 		left: 2px;
 		>* {

style/core.less

@@ -121,7 +121,7 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
 	font-size: var(--h1-size);
-	letter-spacing: -3px;
+	letter-spacing: -4px;
     //line-height: 1em;
 //	padding-top: 0.1em;
 	//background: blue;