Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Working on the contribute page.
 * Adding non-interactive version of the contribute page.
 * Adding lots of images for the contribute pages.
 * Other small updates.
  • Loading branch information
mithro committed Feb 23, 2016
1 parent da4d661 commit c78e4ed
Show file tree
Hide file tree
Showing 18 changed files with 4,095 additions and 2 deletions.
276 changes: 276 additions & 0 deletions Contribute-Diagram.html
@@ -0,0 +1,276 @@
---
layout: base
title: Contribute
tagline: How can I contribute?
tags: contribute
---

<!--
If you modify this file, also modify the interactive version!
-->


<style type="text/css">
table th {
text-align: center;
}
table th h1 {
margin-left: auto;
margin-right: auto;
}
table th h2 {
margin-left: auto;
margin-right: auto;
}
table th h3 {
margin-left: auto;
margin-right: auto;
}
table td h3 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
table td img {
display: block;
margin-left: auto;
margin-right: auto;
}

p.flavor {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

a.other {
font-size: larger;
}

</style>

<div class="padding">
<div class="col-sm-12"><div class="panel panel-default">
<div class="panel-body">

<h1>How can I contribute to TimVideos projects?</h1>
<p>
Due to the TimVideos project being made up of <a href="/projects/">many
smaller projects</a>, it can be tricky to figure out what is a good idea to
work on. This page is designed to try and help match people to projects.
</p><p>
<a class="other" href="/contribute/">Find the interactive version here!</a>
</p>

</div>
</div></div>
</div>

<div class="padding">
<div class="col-sm-12"><div class="panel panel-default">
<div class="panel-body">

<h1>Help me find a project!</h1>
<table>
<tr>
<th colspan=2><h1>What do <b>you</b> like working with?</h1></th>
</tr><tr>
<td style="border-right: 4px solid #ddd; border-top: none;">
<img alt="Chips!" src="/img/chips.png">
<p class="flavor">I like physical things I can touch and making LEDS blink</p>
<table>
<tr>
<th><h2>Well, what kind of chips?</h2></th>
</tr><tr>
<td>
<h3>Real!</h3>
<img alt="Real hardware..." src="/img/pcb.png">
<p class="flavor">I like creating PCBs, soldering 0402 resistors and working with my hands.</p>
<p class="take-a-look">
Take a look at;
<ul>
<li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20HDMI2USB%20%28Extension Boards%29)">
Projects around creating expansion boards for HDMI2USB project.
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href="https://hdmi2usb.tv/">The HDMI2USB project</a></li>
<li><a href="https://tofe.io/">The TOFE expansion interface</a></li>
<li><a href="http://kicad-pcb.org/">KiCad PCB Design tool</a></li>
</ul>
</p>
</li>
</ul>
</p>
</td>
</tr><tr>
<td>
<h3>Fake!</h3>
<img alt="Fake hardware..." src="/img/fpga.png">
<p class="flavor">I like writing my hardware in software! All the coolness of creating hardware with all the benefits of still writing software.</p>

<p class="take-a-look">
Take a look at;
<ul>
<li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20HDMI2USB">
Projects around the FPGA firmware for the HDMI2USB project.
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href="https://hdmi2usb.tv/">The HDMI2USB project</a></li>
<li><a href="https://hdmi2usb.tv/firmware/">The HDMI2USB Firmware</a></li>
<li><a href="http://m-labs.hk/gateware.html">MiSoC and MiGen tools</a></li>
</ul>
</p>
</li>
</ul>
</p>

</td>
</tr>
</table>
</td>
<td style="border-top: none;">
<img alt="Bits!" src="/img/bits.png">
<p class="flavor">I prefer the rewards of virtual objects which can be built quickly.</p>
<table>
<tr>
<th><h2>Which programming medium do you prefer?</h2></th>
</tr><tr>
<td>
<h3>Python!</h3>
<img alt="Python!" src="/img/python.png">
<p class="flavor">I like working with the world's best language.</p>

<p class="take-a-look">
Take a look at;
<ul>
<li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20Streaming%20System">
Projects around the Streaming System
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li><li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20Flumotion">
Projects around Flumotion
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li><li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20voctomix">
Projects around voctomix
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li><li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20slide-lint">
Projects around slide-lint
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li><li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20Veyepar">
Projects around Veyepar
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li>
</ul>
</p>
</td>
</tr><tr>
<td>
<h3>C!</h3>
<img alt="C!" src="/img/c.png">
<p class="flavor">I might like shooting myself in the foot, but at it happens really quickly!</p>

<p class="take-a-look">
Take a look at;
<ul>
<li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20HDMI2USB">
Projects around the HDMI2USB firmware
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href=""></a></li>
</ul>
</p>
</li><li>
<a href="https://github.com/timvideos/getting-started/labels/Project%20-%20gstreamer">
Projects around gstreamer
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href="https://gstreamer.freedesktop.org">GStreamer project</a></li>
</ul>
</p>
</li>
</ul>
</p>
</td>
</tr><tr>
<td>
<h3>Web!</h3>
<img alt="Python!" src="/img/web.png">
<p class="flavor">I like my HTML and JavaScript, and know how to use a browser debugger.</p>

<p class="take-a-look">
Take a look at;
<ul>
<li>
<a href="">
Projects around the Streaming System
</a>
<p class="more-info">
Find more information about;
<ul>
<li><a href="https://hdmi2usb.tv/">The HDMI2USB project</a></li>
<li><a href="https://hdmi2usb.tv/firmware/">The HDMI2USB Firmware</a></li>
<li><a href="http://m-labs.hk/gateware.html">MiSoC and MiGen tools</a></li>
</ul>
</p>
</li>
</ul>
</p>

</td>
</tr>
</table>
</td>
</tr>
</table>

</div>
</div></div>
</div>
23 changes: 23 additions & 0 deletions Contribute.html
Expand Up @@ -4,10 +4,33 @@
tagline: How can I contribute?
tags: contribute
---

<!--
If you modify this file, also modify the non-interactive version!
-->

<div class="padding">
<div class="col-sm-12"><div class="panel panel-default">
<div class="panel-body">
<h1 id="projects">How can I contribute to TimVideos projects?</h1>
<div>
Due to the TimVideos project being made up of <a href="/projects/">many
smaller projects</a>, it can be tricky to figure out what is a good idea to
work on. This page is designed to try and help match people to projects.
</div><div style="font-size: larger;">
<a class="other" href="/contribute-diagram/">Find the non-interactive version here!</a>
</div>

</div>
</div></div>
</div>

<div class="padding">
<div class="col-sm-12"><div class="panel panel-default">
<div class="panel-body">

<link rel="stylesheet" type="text/css" href="../css/style.css" title="Default">
<link rel="alternate stylesheet" type="text/css" href="../css/plain.css" title="Bird's Eye View">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion css/style.css
Expand Up @@ -47,7 +47,7 @@ html {
color: #333;
margin-top:0px;
text-align: center;
padding-top: 60px;
padding-top: 30px;
}

@media screen and (max-width: 360px) {
Expand Down
Binary file added img/bits.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit c78e4ed

Please sign in to comment.