diff --git a/README.md b/README.md index 8ef0831..2d0569a 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,9 @@ This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.1.2. +## Hey, you! +Use the tag for some 'read extra below the jump' posting. + ## Development server Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. diff --git a/deploy.sh b/deploy.sh index 2464c0f..2ffd789 100755 --- a/deploy.sh +++ b/deploy.sh @@ -1,6 +1,7 @@ #!/bin/bash # remove --no-aot, this helped to alleviate error of library, but not necessary in this version? -ng build --prod --env=prod +# ng build --prod --env=prod +ng build --prod rsync -az -e ssh --progress --exclude dist/.git --delete dist/* root@nielandtnginx:/www/ # overwrite the local config with the remote config # ssh disbiomewebserver mv /var/www/html/app/config/appconfig.remote.ts /var/www/html/app/config/appconfig.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 0fd49f0..ca101cc 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -17,7 +17,7 @@ const appRoutes: Routes = [ {path: 'cv', component: CvComponent}, {path: 'contact', component: ContactComponent}, {path: 'post/:id', component: FullpostComponent}, - {path: '', redirectTo: 'home', pathMatch: 'full'}, + {path: '', redirectTo: 'posts', pathMatch: 'full'}, // {path: '*', redirectTo: 'home', pathMatch: 'full'} ] }, diff --git a/src/app/components/posts/posts.component.scss b/src/app/components/posts/posts.component.scss index 944aa8a..2417c30 100644 --- a/src/app/components/posts/posts.component.scss +++ b/src/app/components/posts/posts.component.scss @@ -1,7 +1,6 @@ #tag-filter-buttons-container { text-align: center; margin-top: -16pt; - margin-bottom: 12pt; .btn.active { color: grey; @@ -24,3 +23,7 @@ } + +app-post { + margin-top: 20px; +} diff --git a/src/app/components/root/root.component.html b/src/app/components/root/root.component.html index e5733c8..8003a94 100644 --- a/src/app/components/root/root.component.html +++ b/src/app/components/root/root.component.html @@ -20,7 +20,7 @@ - diff --git a/src/app/components/root/root.component.ts b/src/app/components/root/root.component.ts index 3e7cde8..8dcf772 100644 --- a/src/app/components/root/root.component.ts +++ b/src/app/components/root/root.component.ts @@ -66,7 +66,7 @@ export class RootComponent implements OnInit { } else if (this.router.url.endsWith('home')) { this.pageType = 'Home'; } else if (this.router.url.indexOf("post")!=-1) { - this.pageType = 'Post'; + this.pageType = 'Blog'; } else if (this.router.url.indexOf("contact")!=-1) { this.pageType = 'Contact'; } else { diff --git a/src/assets/post/beamerprototype/full-en.html b/src/assets/post/beamerprototype/full-en.html new file mode 100644 index 0000000..84435f4 --- /dev/null +++ b/src/assets/post/beamerprototype/full-en.html @@ -0,0 +1,83 @@ +

A project that's been a long time in the scaffolding state is finally nearing completion: a home cinema that serves + as a replacement of the old television. The beamer is an Optoma + GT1080e, capable of 1080p projection and relatively low response times. This makes it, hopefully, a nice way of + viewing media in high definition and playing video games in the couch. The beamer is mounted on a custom arm (one + metre long), providing a two metre wide image at its maximum.

+ +

Before the thought of the beamer arose we'd actually wanted to install extra shelves to provide some extra - dearly + needed - storage space. The beamer idea came naturally and seems to fit the room well. The beamer setup is completely + separate from the shelves, which makes it removable in the future, if need be. I've used a massive hinge which is + screwed onto a thick triplex plate, which is in its turn firmly screwed into the wall. If anyone should try and swing + off the arm I wonder what would crack first, but I'm fairly confident the hinge would survive the ordeal. The rest of + the arm is built completely out of MDF, partly because I had a lot of material leftovers, and partly because it is + easy and cheap to manipulate.

+ +
+
+
+ The arm in its undeployed position. +
Undeployed ...
+
+
+
+
+ The arm in its undeployed position. +
... and ready for action!
+
+
+
+ +

+ As the beamer is slightly wider than the shelf is deep I had to keep track of that by making the bottom part capable + of rotating. I managed to do just that, and it's pretty solid and smooth while actuating. There's a ball bearing in + there somewhere, and extra wheels to provide stability. Neat! +

+ +
+
+
+ Rotated to be stored away. +
Rotated to be stored away.
+
+
+
+
+ And rotated 90 degrees in order to face the wall. +
And rotated 90 degrees in order to face the wall.
+
+
+
+ +

I just finished the prototype version, and as my patience is already running thin on the thing I thought to already + post some progress on it. Actually finishing it will entail removing material from the arm, which will help to reduce + the weight of the mechanism. Perhaps finding some more suitable metal-ware would also be nice, although I'm reasonably + happy with what I used now. Then, a nice sand-down and paint job to complete the arm.

+ +
+
+
+ Bottom view of deployed state. +
Bottom view of deployed state.
+
+
+
+
+ The proof of the beamer is in the (uncalibrated) beaming. +
The proof of the beamer is in the (uncalibrated) beaming.
+
+
+
+ +
+ A view from baby-head-level. +
A view from baby-head-level.
+
+ + diff --git a/src/assets/post/beamerprototype/full-nl.html b/src/assets/post/beamerprototype/full-nl.html new file mode 100644 index 0000000..5711f21 --- /dev/null +++ b/src/assets/post/beamerprototype/full-nl.html @@ -0,0 +1,66 @@ +

Eindelijk komt er wat beweging in een project dat al een tijdje in de babyschoenen staat: een home cinema die de oude televisie moet vervangen. Het gaat over een Optoma GT1080e projector, in staat om 1080p beeld te projecteren met een relatief lage responstijd. Dit gaat er hopelijk voor zorgen dat media scherp en net kan afgespeeld worden, terwijl het ook mogelijk blijft om in de zetel een spel te spelen. De projector wordt gemonteerd op een eigen gemaakte arm (een meter lang), wat resulteert in een beeld van om en bij de twee meter.

+ +

Voordat we begonnen denken aan een projector hadden we eigenlijk de idee om extra schappen te installeren aan de muur, mooi aansluitend aan de kast die we voordien hadden gemaakt. De projector eraan koppelen kwam bijna natuurlijk: het past de kamer vrij goed. Ik heb geprobeerd de installatie van de projector los te koppelen van de schappen zelf: zo blijft het mogelijk om later het ding te verwijderen. En zo worden de schappen niet beschadigd als heel de boel van de muur komt door een misrekening... Fingers crossed! Het eerste contact met de muur wordt via een dikke triplex plaat gedaan, die stevig vastgeschroefd zit. Daarop is dan een overgedimensioneerd scharnier gemonteerd, waaraan de arm van de projector aan op gehangen is. De arm zelf is in MDF gemaakt, deels omdat ik nog veel overschot had liggen, en deels omdat het goedkoop is en gemakkelijk te manipuleren.

+ +
+
+
+ De arm in zijn opgeborgen staat. +
De arm in zijn opgeborgen staat.
+
+
+
+
+ De arm in klaar-om-te-beamen staat! +
De arm in klaar-om-te-beamen staat!
+
+
+
+ +

De beamer is trouwens iets wijder dan het schap diep is, waardoor ik het mogelijk moest maken om het onderste deel van de arm te laten draaien. Dat is relatief goed gelukt: het draaien is vlot en voelt zeer stabiel aan. De twee platen die de projector verbinden aan de arm zijn onderling verbonden via een kogellager en een hoop kleine wieltjes (voor extra stabiliteit). Proper!

+ +
+
+
+ Wegberg-modus. +
Wegberg-modus.
+
+
+
+
+ Beam-modus! +
Beam-modus!
+
+
+
+ +

Het prototype is net klaar, en ik kon niet langer wachten om al wat foto's online te zetten. Los van praktische dingen installeren moet ik nog wat dingen verder afwerken aan de arm. Materiaal verwijderen zodat het hele mechanisme wat lichter wordt lijkt belangrijk, en het gaat alles er wat mooier doen uitzien. Beter metaalwerk vinden is van lagere prioriteit: het zou fijn zijn om wat toepasselijkere vijzen en dergelijke te vinden voor het fijnere afstelwerk, hoewel ik best tevreden ben met hoe het er nu aan hangt. Daarna: afschuren en schilderen! En filmpjes kijken, natuurlijk...

+ +
+
+
+ Bottom view of deployed state. +
In klare staat, van onderen.
+
+
+
+
+ The proof of the beamer is in the (uncalibrated) beaming. +
Een allereerste beeld, een zucht van verlichting slaken!
+
+
+
+ +
+ A view from baby-head-level. +
De projector is uit handbereik van baby's, dit is hoe het eruit ziet van onderen.
+
+ + diff --git a/src/assets/post/beamerprototype/img/bottomview.jpg b/src/assets/post/beamerprototype/img/bottomview.jpg new file mode 100644 index 0000000..d8aee80 Binary files /dev/null and b/src/assets/post/beamerprototype/img/bottomview.jpg differ diff --git a/src/assets/post/beamerprototype/img/firston.jpg b/src/assets/post/beamerprototype/img/firston.jpg new file mode 100644 index 0000000..f64108c Binary files /dev/null and b/src/assets/post/beamerprototype/img/firston.jpg differ diff --git a/src/assets/post/beamerprototype/img/rotateoff.jpg b/src/assets/post/beamerprototype/img/rotateoff.jpg new file mode 100644 index 0000000..54de078 Binary files /dev/null and b/src/assets/post/beamerprototype/img/rotateoff.jpg differ diff --git a/src/assets/post/beamerprototype/img/rotateon.jpg b/src/assets/post/beamerprototype/img/rotateon.jpg new file mode 100644 index 0000000..1cd3625 Binary files /dev/null and b/src/assets/post/beamerprototype/img/rotateon.jpg differ diff --git a/src/assets/post/beamerprototype/img/stored.jpg b/src/assets/post/beamerprototype/img/stored.jpg new file mode 100644 index 0000000..cd90606 Binary files /dev/null and b/src/assets/post/beamerprototype/img/stored.jpg differ diff --git a/src/assets/post/beamerprototype/img/swungopen.jpg b/src/assets/post/beamerprototype/img/swungopen.jpg new file mode 100644 index 0000000..5cfe37a Binary files /dev/null and b/src/assets/post/beamerprototype/img/swungopen.jpg differ diff --git a/src/assets/post/beamerprototype/info.json b/src/assets/post/beamerprototype/info.json new file mode 100644 index 0000000..ac25177 --- /dev/null +++ b/src/assets/post/beamerprototype/info.json @@ -0,0 +1,14 @@ +{ + "created_timestamp": 1526328948.8972409, + "languages": [ + "nl", + "en" + ], + "tags": [ + "project" + ], + "title": { + "en": "No more television!", + "nl": "Geen televisie meer!" + } +} \ No newline at end of file diff --git a/src/assets/post/ikearefurbish/full-en.html b/src/assets/post/ikearefurbish/full-en.html index d66b248..be2e65a 100644 --- a/src/assets/post/ikearefurbish/full-en.html +++ b/src/assets/post/ikearefurbish/full-en.html @@ -8,8 +8,6 @@
The table in its finished state.
- -

The old wood was living its final days, as cracks appeared and planks started twisting. Some had broken completely, leaving some chairs unusable. However, the metal underpinnings are still in reasonable shape. Surprisingly enough, IKEA made everything pretty water resistant.

diff --git a/src/assets/post/ikearefurbish/full-nl.html b/src/assets/post/ikearefurbish/full-nl.html index 8feded4..2f8af62 100644 --- a/src/assets/post/ikearefurbish/full-nl.html +++ b/src/assets/post/ikearefurbish/full-nl.html @@ -5,12 +5,10 @@
De tafel zelf, in zijn afgewerkte staat. -
De tafel zelf, in zijn afgewerkte staat.
+ alt="Tafel en stoeltjes in afgewerkte staat."> +
Tafel en stoeltjes in afgewerkte staat.
- -

Het oude hout was vrijwel volledig op. Het begon te kraken en te verdraaien. Sommige planken hadden het al finaal opgegeven en lagen in twee stukken, klaar voor het containerpark. Het metalen onderstuk was echter nog in prima staat, knap van IKEA om die dingen zo waterdicht te maken. De meubeltjes staan ondertussen toch al een paar jaar in weer en diff --git a/src/assets/posts.json b/src/assets/posts.json index ec11872..1789783 100644 --- a/src/assets/posts.json +++ b/src/assets/posts.json @@ -1 +1 @@ -[{"id": "first", "info": {"created_timestamp": 1515094679.342938, "title": {"en": "Who said Web 1.0 was dead anyway?", "nl": "Omdat ik het Web 1.0 tijdperk gemist heb..."}, "tags": ["blog"], "languages": ["nl", "en"]}}, {"id": "phdpresentation", "info": {"created_timestamp": 1522255558.864005, "languages": ["en", "nl"], "tags": ["tech"], "title": {"en": "Presentation of my PhD public defence", "nl": "Publieke doctoraatsverdediging - presentatie"}}}, {"id": "ikearefurbish", "info": {"created_timestamp": 1525895500.2597992, "languages": ["nl", "en"], "tags": ["project"], "title": {"en": "Better together!", "nl": "Eindelijk samen!"}}}] \ No newline at end of file +[{"id": "first", "info": {"created_timestamp": 1515094679.342938, "title": {"en": "Who said Web 1.0 was dead anyway?", "nl": "Omdat ik het Web 1.0 tijdperk gemist heb..."}, "tags": ["blog"], "languages": ["nl", "en"]}}, {"id": "phdpresentation", "info": {"created_timestamp": 1522255558.864005, "languages": ["en", "nl"], "tags": ["tech"], "title": {"en": "Presentation of my PhD public defence", "nl": "Publieke doctoraatsverdediging - presentatie"}}}, {"id": "ikearefurbish", "info": {"created_timestamp": 1525895500.2597992, "languages": ["nl", "en"], "tags": ["project"], "title": {"en": "Better together!", "nl": "Eindelijk samen!"}}}, {"id": "beamerprototype", "info": {"created_timestamp": 1526328948.8972409, "languages": ["nl", "en"], "tags": ["project"], "title": {"en": "No more television!", "nl": "Geen televisie meer!"}}}] \ No newline at end of file