Added beamerprototype post.
This commit is contained in:
parent
f24e327d4c
commit
461d95bacd
@ -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 <splitter/> 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.
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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'}
|
||||
]
|
||||
},
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<!--removed this from the <i: tooltip="Huis" placement="bottom"-->
|
||||
<a routerLink="home" (mouseout)="mouseOut('home')" (mouseover)="mouseOver('Home')"><i
|
||||
class="fa fa-home fa-fw fa-2x" aria-hidden="true"></i></a>
|
||||
<a routerLink="posts" (mouseout)="mouseOut('posts')" (mouseover)="mouseOver('Posts')"><i
|
||||
<a routerLink="posts" (mouseout)="mouseOut('blog')" (mouseover)="mouseOver('Blog')"><i
|
||||
class="fa fa-sticky-note fa-fw fa-2x" aria-hidden="true"></i></a>
|
||||
<a routerLink="cv" (mouseout)="mouseOut('cv')" (mouseover)="mouseOver('CV')"><i
|
||||
class="fa fa-heartbeat fa-fw fa-2x" aria-hidden="true"></i></a>
|
||||
|
||||
@ -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 {
|
||||
|
||||
83
src/assets/post/beamerprototype/full-en.html
Normal file
83
src/assets/post/beamerprototype/full-en.html
Normal file
@ -0,0 +1,83 @@
|
||||
<p>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 <a href="https://www.optoma.co.uk/projectorproduct/gt1080e">Optoma
|
||||
GT1080e</a>, 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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/stored.jpg" class="figure-img img-fluid rounded"
|
||||
alt="The arm in its undeployed position.">
|
||||
<figcaption class="figure-caption">Undeployed ...</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/swungopen.jpg" class="figure-img img-fluid rounded"
|
||||
alt="The arm in its undeployed position.">
|
||||
<figcaption class="figure-caption">... and ready for action!</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
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!
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/rotateoff.jpg" class="figure-img img-fluid rounded"
|
||||
alt="Rotated to be stored away.">
|
||||
<figcaption class="figure-caption">Rotated to be stored away.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/rotateon.jpg" class="figure-img img-fluid rounded"
|
||||
alt="And rotated 90 degrees in order to face the wall.">
|
||||
<figcaption class="figure-caption">And rotated 90 degrees in order to face the wall.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/bottomview.jpg" class="figure-img img-fluid rounded"
|
||||
alt="Bottom view of deployed state.">
|
||||
<figcaption class="figure-caption">Bottom view of deployed state.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/firston.jpg" class="figure-img img-fluid rounded"
|
||||
alt="The proof of the beamer is in the (uncalibrated) beaming.">
|
||||
<figcaption class="figure-caption">The proof of the beamer is in the (uncalibrated) beaming.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/bottomview.jpg" class="figure-img img-fluid rounded"
|
||||
alt="A view from baby-head-level.">
|
||||
<figcaption class="figure-caption">A view from baby-head-level.</figcaption>
|
||||
</figure>
|
||||
|
||||
|
||||
66
src/assets/post/beamerprototype/full-nl.html
Normal file
66
src/assets/post/beamerprototype/full-nl.html
Normal file
@ -0,0 +1,66 @@
|
||||
<p>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 <a href="https://www.optoma.co.uk/projectorproduct/gt1080e">Optoma GT1080e</a> 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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/stored.jpg" class="figure-img img-fluid rounded"
|
||||
alt="De arm in zijn opgeborgen staat.">
|
||||
<figcaption class="figure-caption">De arm in zijn opgeborgen staat.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/swungopen.jpg" class="figure-img img-fluid rounded"
|
||||
alt="De arm in klaar-om-te-beamen staat!">
|
||||
<figcaption class="figure-caption">De arm in klaar-om-te-beamen staat!</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>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!</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/rotateoff.jpg" class="figure-img img-fluid rounded"
|
||||
alt="Wegberg-modus.">
|
||||
<figcaption class="figure-caption">Wegberg-modus.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/rotateon.jpg" class="figure-img img-fluid rounded"
|
||||
alt="Beam-modus!">
|
||||
<figcaption class="figure-caption">Beam-modus!</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Het prototype is <emph>net</emph> 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...</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/bottomview.jpg" class="figure-img img-fluid rounded"
|
||||
alt="Bottom view of deployed state.">
|
||||
<figcaption class="figure-caption">In klare staat, van onderen.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/firston.jpg" class="figure-img img-fluid rounded"
|
||||
alt="The proof of the beamer is in the (uncalibrated) beaming.">
|
||||
<figcaption class="figure-caption">Een allereerste beeld, een zucht van verlichting slaken!</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<figure class="figure">
|
||||
<img src="assets/post/beamerprototype/img/bottomview.jpg" class="figure-img img-fluid rounded"
|
||||
alt="A view from baby-head-level.">
|
||||
<figcaption class="figure-caption">De projector is uit handbereik van baby's, dit is hoe het eruit ziet van onderen.</figcaption>
|
||||
</figure>
|
||||
|
||||
|
||||
BIN
src/assets/post/beamerprototype/img/bottomview.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/bottomview.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
src/assets/post/beamerprototype/img/firston.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/firston.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
src/assets/post/beamerprototype/img/rotateoff.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/rotateoff.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
BIN
src/assets/post/beamerprototype/img/rotateon.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/rotateon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 MiB |
BIN
src/assets/post/beamerprototype/img/stored.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/stored.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
BIN
src/assets/post/beamerprototype/img/swungopen.jpg
Normal file
BIN
src/assets/post/beamerprototype/img/swungopen.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 MiB |
14
src/assets/post/beamerprototype/info.json
Normal file
14
src/assets/post/beamerprototype/info.json
Normal file
@ -0,0 +1,14 @@
|
||||
{
|
||||
"created_timestamp": 1526328948.8972409,
|
||||
"languages": [
|
||||
"nl",
|
||||
"en"
|
||||
],
|
||||
"tags": [
|
||||
"project"
|
||||
],
|
||||
"title": {
|
||||
"en": "No more television!",
|
||||
"nl": "Geen televisie meer!"
|
||||
}
|
||||
}
|
||||
@ -8,8 +8,6 @@
|
||||
<figcaption class="figure-caption">The table in its finished state.</figcaption>
|
||||
</figure>
|
||||
|
||||
<splitter/>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
@ -5,12 +5,10 @@
|
||||
|
||||
<figure class="figure">
|
||||
<img src="assets/post/ikearefurbish/img/tafel.jpg" class="figure-img img-fluid rounded"
|
||||
alt="De tafel zelf, in zijn afgewerkte staat.">
|
||||
<figcaption class="figure-caption">De tafel zelf, in zijn afgewerkte staat.</figcaption>
|
||||
alt="Tafel en stoeltjes in afgewerkte staat.">
|
||||
<figcaption class="figure-caption">Tafel en stoeltjes in afgewerkte staat.</figcaption>
|
||||
</figure>
|
||||
|
||||
<splitter/>
|
||||
|
||||
<p>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
|
||||
|
||||
@ -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!"}}}]
|
||||
[{"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!"}}}]
|
||||
Loading…
Reference in New Issue
Block a user