Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

/contribute page updates #236

Merged
merged 8 commits into from
Feb 29, 2016
176 changes: 53 additions & 123 deletions contribute/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -33,9 +33,11 @@ <h1>Contribute</h1>
<svg class="grid-svg">
<use xlink:href="#display" />
</svg>
<h2 class="h5 contribute-topic-headline">Development</h2>
<h2 class="h5 contribute-topic-headline">Code</h2>
</a>
</div>
<!--
see https://github.com/hoodiehq/hood.ie/issues/234
<div class="grid-3 l">
<a href="#plugins">
<svg class="grid-svg">
Expand All @@ -44,6 +46,7 @@ <h2 class="h5 contribute-topic-headline">Development</h2>
<h2 class="h5 contribute-topic-headline">Build Plugins</h2>
</a>
</div>
-->
<div class="grid-3 l">
<a href="#design">
<svg class="grid-svg">
Expand All @@ -53,11 +56,11 @@ <h2 class="h5 contribute-topic-headline">Design</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#writing">
<a href="#stories">
<svg class="grid-svg">
<use xlink:href="#paperplane" />
<use xlink:href="#bubble" />
</svg>
<h2 class="h5 contribute-topic-headline">Write Content</h2>
<h2 class="h5 contribute-topic-headline">Stories</h2>
</a>
</div>
<div class="grid-3 l">
Expand All @@ -68,58 +71,22 @@ <h2 class="h5 contribute-topic-headline">Write Content</h2>
<h2 class="h5 contribute-topic-headline">Documentation</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#feedback">
<svg class="grid-svg">
<use xlink:href="#megaphone" />
</svg>
<h2 class="h5 contribute-topic-headline">Send Feedback</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#talks">
<svg class="grid-svg">
<use xlink:href="#bubble" />
</svg>
<h2 class="h5 contribute-topic-headline">Give Talks</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#meetups">
<svg class="grid-svg">
<use xlink:href="#calendar" />
</svg>
<h2 class="h5 contribute-topic-headline">Start Meetups</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#merchandise">
<svg class="grid-svg">
<use xlink:href="#t-shirt" />
</svg>
<h2 class="h5 contribute-topic-headline">Merchandise</h2>
<h2 class="h5 contribute-topic-headline">Events</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#money">
<svg class="grid-svg">
<use xlink:href="#star" />
</svg>
<h2 class="h5 contribute-topic-headline">Give Money</h2>
</a>
</div>
<div class="grid-3 l">
<a href="#hire-us">
<svg class="grid-svg">
<use xlink:href="#diamond" />
</svg>
<h2 class="h5 contribute-topic-headline">Hire us</h2>
<h2 class="h5 contribute-topic-headline">Money</h2>
</a>
</div>
<div class="grid-3 l">

</div>
</div>
</article>
<aside>
<br />
Expand All @@ -141,15 +108,17 @@ <h1 class="h2">Share your skills and knowledge:</h1>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="development" class="jump-mark">Frontend Development</a>
<a name="development" class="jump-mark">Code</a>
</h1>
<p>
We need you, frontend development people!
This is a great time to contribute code to Hoodie. We are working
on a new Hoodie version which is all about making it a pleassure
for contributors. <strong>We would love to hear how you like it!</strong>
</p>
<ul>
<li>Build <a href="/intro/#get-started">your own app</a> based on Hoodie,</li>
<li>help us with our currently open <a href="http://espy.github.io/ubersicht/?showOpen=true&showClosed=false&showCommented=true&showUncommented=true&showIssues=true&showPullRequests=true&last24Hours=false&repos=hoodie-client,hoodie-client-account,hoodie-client-connection-status,hoodie-client-log,hoodie-client-store,hoodie-client-task&labels=ready,starter&milestones=null&usernames=null#hoodiehq" target="_blank">frontend development tasks</a>,</li>
<li>help us with the cleanup and fixing after our hoodie.js refactoring – all open issues for this topic are <a href="https://github.com/gr2m/milestones/issues/38" target="_blank">here</a>.</li>
<li>Here are well prepared <a href="http://go.hood.ie/hoodie-starter-issues">Starter issues</a> for your coding pleassure</li>
<li>Take the new Hoodie for a spin: <a href="https://github.com/hoodiehq/hoodie-app-something-tracker">Hoodie Tracker App</a></li>
<li>Build something new based on our simple Hoodie Tracker App, and tell us about it :)</li>
</ul>
<p>
If you have any questions, don’t hesitate to <a href="/contact">get in touch</a>.
Expand All @@ -162,21 +131,16 @@ <h1 class="h3">
</svg>
</aside>
</div>
<div class="cb">
<article>
<h1 class="h3">Backend Development</h1>
<p>
In order to enable many people so they can finally build apps <em>without</em> having to think about backends, Hoodie of course needs a backend itself. If you want to help with backend development, take a look at <a href="http://espy.github.io/ubersicht/?showOpen=true&showClosed=false&showCommented=true&showUncommented=true&showIssues=true&showPullRequests=true&last24Hours=false&repos=backbone-hoodie,couchdb-db-notify,generator-hoodie,grunt-hoodie,grunt-release-hoodie,hoodie-cli,hoodie-dotfiles,hoodie-integration-test,hoodie-plugin-appcache,hoodie-plugin-appconfig,hoodie-plugin-email,hoodie-plugin-email-debug,hoodie-plugin-global-share,hoodie-plugin-shares,hoodie-plugin-stripe,hoodie-plugin-template,hoodie-plugin-users,hoodie-plugins-api,hoodie-plugins-manager,hoodie-react-todomvc,hoodie-server,hoodie-vagrant,local-tld,local-tld-lib,node-multicouch,node-ports,snug&labels=null&milestones=null&usernames=null#hoodiehq" target="_blank">these currently open issues</a>, help us with our <a href="/contribute#plugins">building plugins</a>, check our open backend tasks in our <a href="http://gr2m.github.io/milestones/" target="_blank">Milestones App</a> or <a href="/contact">contact us</a>!
</p>
</article>
</div>
<!--
see https://github.com/hoodiehq/hood.ie/issues/234
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="plugins" class="jump-mark">Build Plugins to extend Hoodie’s core functionalities</a>
</h1>
<p>
Hoodie’s main features like user signup and administration, data storage and shares are all <a href="http://nodejs.org" target="_blank">Node.js</a>-based plugins which are <!-- <a href="https://github.com/hoodiehq/documentation/blob/gh-pages/tutorials/how-hoodie-works-behind-the-magic.md" target="_blank">-->added to its core code<!--</a>-->. All currently available Hoodie-Plugins are <a href="http://plugins.hood.ie" target="_blank">here</a>. We encourage you to <strong>write your own plugins</strong> and publish them on npm so everyone can use them. In <a href="http://docs.hood.ie/en/plugins/tutorial.html" target="_blank">this tutorial</a> you’ll see how building plugins works. If you need any help, <a href="/contact">let us know</a>.
Hoodie’s main features like user signup and administration, data storage and shares are all <a href="http://nodejs.org" target="_blank">Node.js</a>-based plugins which are
added to its core code. All currently available Hoodie-Plugins are <a href="http://plugins.hood.ie" target="_blank">here</a>. We encourage you to <strong>write your own plugins</strong> and publish them on npm so everyone can use them. In <a href="http://docs.hood.ie/en/plugins/tutorial.html" target="_blank">this tutorial</a> you’ll see how building plugins works. If you need any help, <a href="/contact">let us know</a>.
</p>
</article>
<aside class="contribute-aside-icon">
Expand All @@ -186,6 +150,7 @@ <h1 class="h3">
</svg>
</aside>
</div>
-->
<div class="cb switch-on-break">
<article>
<h1 class="h3">
Expand All @@ -205,56 +170,56 @@ <h1 class="h3">
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="writing" class="jump-mark">Write content</a>
<a name="stories" class="jump-mark">Tell stories</a>
</h1>
<p>
We want to <strong>provide good content that is useful to people</strong> and that helps them understand what Hoodie is, does, stands for and what it can do for them. This is why we have a <a href="/blog">Blog</a> which we frequently add new pieces to, and we have our <a href="http://blog.hood.ie/category/tgif-weekly-reading-recommendations" target="_blank">”TGIF”</a>, the reading recommendations which we curate and publish every week. Oh, and we send out newsletters and do Social Media things and there's so much more we'd love to do. If you want to support our content people, <a href="/contact">contact us</a>, it would be so great to have you on board!
The Hoodie Editorial Team exists to support
<a href="http://hood.ie/initiatives/">Hoodie’s Initiatives</a>
(<a href="http://hood.ie/initiatives/#offline-first">Offline First</a>,
<a href="http://hood.ie/initiatives/#nobackend">noBackend</a>,
<a href="http://hood.ie/initiatives/#dreamcode">Dreamcode</a>,
<a href="http://hood.ie/initiatives/#tools">tools</a>,
and products, and encouraging
<a href="http://hood.ie/initiatives/#noncoders">Non-Coding Contributors in Open Source</a>)
through writing documentation, writing content for a website or blog
to design, editing, public relations, social media and much more.
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<svg>
<use xlink:href="#paperplane" />
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="documentation" class="jump-mark">Write documentation</a>
</h1>
<p>
Good projects are nothing without good documentation. And <strong>documentation is very important for us</strong> who want to empower people. If you want to help us by writing documentation yourself, proofreading and testing existing docs, translating content or creating screencasts: <a href="https://github.com/hoodiehq/documentation/issues" target="_blank">there you go</a>!
Find out more about the Editorial Team, our work and how you can
get involved on our <a href="https://github.com/hoodiehq/editorial#readme">Editorial GitHub Repository</a>
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<svg>
<use xlink:href="#note" />
<use xlink:href="#bubble" />
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="feedback" class="jump-mark">Give feedback about Hoodie and its community</a>
<a name="documentation" class="jump-mark">Write documentation</a>
</h1>
<p>
Did you try Hoodie, build something based on it or did you have a nice encounter with the Hoodie community? <strong>We want to improve in everything we do</strong>, and thus would love to hear your feedback. And here’s <a href="https://docs.google.com/forms/d/144uyYfrX1onnXiWV5wbA3qC_eOoUImolNaMXPdgDWMc/viewform?usp=send_form" target="_blank">a tiny form for that</a> (and you can of course also <a href="/contact">contact us</a>).
Heads up: we are currently working on a new Hoodie version, the
documentation is being updated from the old Hoodie to the new version
which might be confusing at times. Best is to <a href="/contact">
talk to us</a>, we are more than happy to asset finding a good place
for you to help with documentation.
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<br />
<svg>
<use xlink:href="#megaphone" />
<use xlink:href="#note" />
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="talks" class="jump-mark">Give talks</a>
<a name="talks" class="jump-mark">Events</a>
</h1>
<p>
Do you like Hoodie and now want to tell other people about it? Wow, that’s amazing to hear! We know that preparing talks takes a lot of time. To support you and lower your efforts, <strong>we have prepared some talks about Hoodie for you</strong>, including presenter notes. Just click on the format of your choice, download them, adjust them to your needs and help us spread the word! Our currently available talks are (zip archive including fonts):
Expand All @@ -266,19 +231,9 @@ <h1 class="h3">
<p>
If you're interested in other talks or topics, you'll find all our past talks, usually with slides, in <a href="/events">this list</a>. If you then would like to present one of them yourself, please <a href="/contact">contact us</a>.
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<svg>
<use xlink:href="#bubble" />
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="meetups" class="jump-mark">Start a Meetup in your town</a>
</h1>

<h2 class="h5">Start a Meetup in your town</h2>

<p>
Hoodie is both easy-to-learn for beginners and a great tool for experienced developers. So why not start a Hoodie Meetup in your town? Many of us have been organising meetups for a long time now and found these three pieces really helpful:
</p>
Expand All @@ -290,6 +245,8 @@ <h1 class="h3">
<p>
If you want to <strong>give a Hoodie-talk</strong> at your meetup, check the <a href="/contribute#talks">“give talks”-section</a> above, we have talks ready for you to adjust and use.
</p>

<h2 class="h5">Host a Hoodie Workshop</h2>
<p>
Or maybe you want to host a <strong>Hoodie Workshop</strong>? Then we got something for you … We have prepared a document with prerequisites and a running order <a href="http://docs.hood.ie/en/community/hosting-a-hoodie-workshop.html" target="_blank">here</a>, it's still work in progress but also has links to tutorials or content you may want to use and some useful tips. For your workshop participants, there's also a <strong>Hoodie Cheat Sheet</strong>, you can get it here: <a href="/dist1/presentations/hoodie-cheat-sheet.pdf">Web Version</a> | <a href="/dist1/presentations/hoodie-cheat-sheet-print.pdf">Print Version</a>.
</p>
Expand All @@ -303,29 +260,18 @@ <h1 class="h3">
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="merchandise" class="jump-mark">Wear Hoodie</a>
</h1>
<p>
Cozy, warm and snuggly: this is Hoodie. And this is what Hoodie textiles are like. You’ll find them all in our <a href="http://hoodiehq.spreadshirt.de" target="_blank">Hoodie-Merchandise-Shop</a>. We have some default items there, and some special offers which are only available for a limited time. By getting <strong>your own Hoodie</strong>-Shirt, Hoodie-Tote or whatever you may like, you also support us financially.
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<svg>
<use xlink:href="#t-shirt" />
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="money" class="jump-mark">Give money</a>
</h1>
<p>
Hoodie matters to us and we want it to have a good future and be a sustainable project. We also want to <strong>rethink the ways Open Source is built</strong> and funded, and we want to work towards <strong>a cultural change</strong>. Thus, we’re trying out <a href="http://blog.hood.ie/2014/01/how-is-hoodie-funded/">different ways to fund it</a>. And you can support us:
</p>
<h2 class="h5">Wear Hoodie</h2>
<p>
Cozy, warm and snuggly: this is Hoodie. And this is what Hoodie textiles are like. You’ll find them all in our <a href="http://hoodiehq.spreadshirt.de" target="_blank">Hoodie-Merchandise-Shop</a>. We have some default items there, and some special offers which are only available for a limited time. By getting <strong>your own Hoodie</strong>-Shirt, Hoodie-Tote or whatever you may like, you also support us financially.
</p>
<h2 class="h5">Sponsor Hoodie</h2>
<p>
We offer a <strong>sponsoring package for companies who are hiring new employees</strong> (or just want to sponsor us). Find more details on our <a href="/sponsoring">sponsoring page</a>.
Expand All @@ -338,19 +284,3 @@ <h2 class="h5">Sponsor Hoodie</h2>
</svg>
</aside>
</div>
<div class="cb switch-on-break">
<article>
<h1 class="h3">
<a name="hire-us" class="jump-mark">Hire us!</a>
</h1>
<p>
Do you want us to build a prototype, an application or do you need consulting? There’s <a href="http://neighbourhood.ie" target="_blank">The Neighbourhoodie</a> which offers these services. The company is <strong>dedicated to furthering Hoodie</strong>, and by hiring them, you help us <a href="http://blog.hood.ie/2014/05/welcome-to-the-neighbourhoodie/" target="_blank">pay people to work on the Open Source project</a> and contribute to Hoodie.
</p>
</article>
<aside class="contribute-aside-icon">
<br />
<svg>
<use xlink:href="#diamond" />
</svg>
</aside>
</div>