Skip to content

Commit

Permalink
basic description added for each project
Browse files Browse the repository at this point in the history
  • Loading branch information
@jan-patrick
jan-patrick committed Feb 4, 2018
1 parent 9b3efa3 commit c56ed86
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 44 deletions.
14 changes: 14 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -644,7 +644,21 @@ a.active {
opacity: 1;
}

.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.modal-content h2 {
font-family: 'Source Sans Pro', sans-serif;
Expand Down
84 changes: 40 additions & 44 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -348,7 +348,7 @@ <h3>Social Networks</h3>
<p class="green textcenter"> Your message was sent successfully! I will be in touch as soon as I can. </p>
</div>
<div id="error">
<p> Something went wrong, try refreshing and submitting the form again. </p>
<p> Something went wrong, please try refreshing and submitting the form again. </p>
</div>
</form>
</div>
Expand All @@ -365,20 +365,24 @@ <h3>Social Networks</h3>
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>navilight<br />a intelligent curve light system</h2>
<h2>navilight</h2>
<p>a intelligent curve light system</p>
<div class="h-50"></div>
<p>Our task was to build an navigation system without the use of symbols and language.<br><br>
We used the Designsprint method to get a prototyp in five days for an specific usecase and to test it with usertests.<br />

For bikers, who are riding their bike at night. The navigation should work like an foresighted bend lighting.

For example you can see here an visualization, how to turn left:</p>
For example you can see here some visualizations:</p>
<br />
<br /> <iframe class="video-responsive" src="https://player.vimeo.com/video/253575674" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<br />
<div class="video-responsive">
<iframe class="video" src="https://player.vimeo.com/video/253575674" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<br />
<p>You can find more information here:</p>
<p><a href="https://iot.hfg-gmuend.de/Members/jan_schneider/meine-projekte/navilight" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick/navilight" target="_blank">code</a>.</p>
or the prototype <a href="https://github.com/jan-patrick/navilight" target="_blank">code</a>.</p>
</div>
</div>
</div>
Expand All @@ -394,15 +398,20 @@ <h2>navilight<br />a intelligent curve light system</h2>
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>LostBrick<br />a gravity changing game</h2>
<h2>LostBrick</h2>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<p>LostBrick is the result of our workshop "3 dimensionale Grundlagen im medialen Raum". Our assignment for two and a half weeks was to design an intuitive and appealing video game which is centered around gravity.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<a href="https://www.microsoft.com/store/apps/9PP0X5KTJXBC?ocid=badge" target="_blank"><img src="https://assets.windowsphone.com/85864462-9c82-451e-9355-a3d5f874397a/English_get-it-from-MS_InvariantCulture_Default.png" width=150 alt="Get it from Microsoft Store for Windows 10 Desktop" /></a>
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<br />
<p>LostBrick is free to download (<a href="https://www.microsoft.com/store/apps/9PP0X5KTJXBC?ocid=badge" target="_blank">Windows 10</a> or <a href="https://github.com/JanPSchneider/LostBrick/archive/master.zip" target="_blank">for every Browser</a>), but for a quick overview and experience of the game we recorded one possible walk through of level 1:</p>
<div class="video-responsive">
<iframe class="video" src="https://player.vimeo.com/video/243506598" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<br />
<p>You can find more information here:</p>
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>, at <a href="https://github.com/jan-patrick/LostBrick" target="_blank">GitHub</a> or the <a href="https://github.com/jan-patrick/LostBrick_UWP" target="_blank">UWP code</a>.</p>
</div>
</div>
</div>
Expand All @@ -418,15 +427,16 @@ <h2>LostBrick<br />a gravity changing game</h2>
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>Reel<br />a autonomous table soccer player</h2>
<h2>Reel</h2>
<p>a autonomous table soccer player</p>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<p>This is an autonomous table soccer player built with Arduino to play with other players.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<br /> <img src="img/portfolio/reel.jpg" alt="reel" class="img-responsive" />
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<p>You can find more information here:</p>
<p><a href="https://iot.hfg-gmuend.de/Members/jan_schneider/meine-projekte/wheels-autonomer-tischkickerspieler" target="_blank">HfG IoT Portfolio</a>
or at GitHub: <a href="https://gist.github.com/jan-patrick/8b4a50c34b927703b1652f2bf0331aaa" target="_blank">code 1</a> and <a href="https://gist.github.com/jan-patrick/fda32966b0b85a0634364f51c39b3668" target="_blank">code 2</a>.</p>
</div>
</div>
</div>
Expand All @@ -444,13 +454,11 @@ <h2>Reel<br />a autonomous table soccer player</h2>
<div class="col-md-8 col-md-offset-2">
<h2>my website,<br />this website</h2>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<p>In my freetime I am developing this website, as my personal portfolio and to test html, css, javascript, jquery and php.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<p>You can have a look at the code and developement:</p>
<p><a href="https://github.com/jan-patrick/jan-patrick.de" target="_blank">GitHub</a></p>
</div>
</div>
</div>
Expand All @@ -468,13 +476,10 @@ <h2>my website,<br />this website</h2>
<div class="col-md-8 col-md-offset-2">
<h2>ScriptText</h2>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<p>ScriptText is an superfast, small and minimalistic text editor written in C# for the UWP. It is still under developement.</p>
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<p>You can view the code:</p>
<p><a href="https://github.com/jan-patrick/ScriptText" target="_blank">GitHub</a></p>
</div>
</div>
</div>
Expand All @@ -492,13 +497,7 @@ <h2>ScriptText</h2>
<div class="col-md-8 col-md-offset-2">
<h2>oblong</h2>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<p>You can build whatever you want with oblong - chairs, tables, etc. and it is very easy because of the easy sytem it uses. More to come</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -538,15 +537,12 @@ <h2>more to come<br />soon</h2>
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>Währungen-App<br />informationsystem</h2>
<h2>Währungen-App</h2>
<div class="h-50"></div>
<p>Here you can read interesting text.</p>
<br />
<br /> <!--<img src="img/portfolio/navilight.jpg" alt="navilight" class="img-responsive" />-->
<p>As long I am working on this you can have a look at many of this featured projects here:</p>
<br />
<p><a href="https://iot.hfg-gmuend.de/author/jan_schneider" target="_blank">HfG IoT Portfolio</a>
or at <a href="https://github.com/jan-patrick" target="_blank">GitHub</a>.</p>
<p>This is an app which shows currencies. The prototype lets you choose a category and displays you interesting facts but the video / app is in german.</p>
<div class="video-responsive">
<iframe class="video" src="https://player.vimeo.com/video/251730920" width="640" height="1141" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit c56ed86

Please sign in to comment.