Skip to content

Commit

Permalink
*
Browse files Browse the repository at this point in the history
  • Loading branch information
neauoire committed Nov 29, 2018
1 parent d5458ad commit 05dc7bb
Show file tree
Hide file tree
Showing 37 changed files with 1,419 additions and 180 deletions.
2 changes: 1 addition & 1 deletion build.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const Database = require('./build/database')
const Manager = require('./build/manager')
const Builder = require('./build/builder')

const indexes = ['home', 'blog', 'knowledge', 'applications', 'raspberry']
const indexes = ['home', 'blog', 'knowledge', 'tools', 'games', 'raspberry']
const database = new Database(indexes)
const manager = new Manager(database.storage)
const builder = new Builder(manager.pages, manager.feeds)
Expand Down
15 changes: 15 additions & 0 deletions build/database/games.ndtl
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
MARKL
TAIBA
& More details soon

OQUONIE
TAIBA
& More details soon

DONSOL
TAIBA
& More details soon

PARADISE
TAIBA
& More details soon
16 changes: 4 additions & 12 deletions build/database/applications.ndtl → build/database/tools.ndtl
Original file line number Diff line number Diff line change
@@ -1,12 +1,3 @@
GAMES
Games
& Selecting a game will take you to a microsite, containing additional information about each project. Each page also features a presskit.
- {Markl(http://markl.100r.co)}, TAIBA.
- {Oquonie(http://oquonie.100r.co)}, puzzle game.
- {Donsol(http://donsol.100r.co)}, card game.
- {Hiversaires(https://hundredrabbits.itch.io/hiversaires)}, point-n-click.
- {Paradise(https://hundredrabbits.itch.io/paradise)}, text-adventure.

LEFT
A minimalist text editor
% content/app.left1.png
Expand Down Expand Up @@ -76,8 +67,8 @@ LEFT
- Cycle between font styles using <b>⌘ <</b> and <b>⌘ ></b>
- Decrease font using <b>⌘ -</b>
- Increase font using <b>⌘ +</b>

& This application supports the {Ecosystem Theme(https://github.com/hundredrabbits/Themes)}. See the {License(https://github.com/hundredrabbits/Left/blob/master/LICENSE.md)} file for license rights and limitations (MIT). {Pull Requests(https://github.com/hundredrabbits/Left)} are welcome!

DOTGRID
Introduction
% content/applications/dotgrid.second.jpg
Expand Down Expand Up @@ -140,7 +131,6 @@ DOTGRID
& You can change the look and colour of Dotgrid. To do this, {download(https://hundredrabbits.itch.io/dotgrid)} themes from our itch.io page. You can view the colour palettes of each theme in the preview, once you find something you like, <b>drag the file</b> (.svg file) onto Dotgrid. The colours will change instantly.
& These themes are part of the <b>Ecosystem Theme</b>, which means that you can apply a theme to any supported app (Left, Donsol, Pico and Marabu).
& You can also {create(https://github.com/hundredrabbits/Themes#collection)} your own themes.

Shortcut Quick List
& Stroke types
- Line <b>A</b>
Expand Down Expand Up @@ -175,6 +165,8 @@ DOTGRID
- Save <b>⌘ s</b>
- Export <b>⌘ e</b>
- Render <b>⌘ r</b>

& This application supports the {Ecosystem Theme(https://github.com/hundredrabbits/Themes)}. See the {License(https://github.com/hundredrabbits/Dotgrid/blob/master/LICENSE.md)} file for license rights and limitations (MIT). {Pull Requests(https://github.com/hundredrabbits/Dotgrid)} are welcome!

ORCA
Introduction
& Coming soon..
1 change: 1 addition & 0 deletions build/manager.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ function Manager (tables) {

for (const parent in tables) {
const table = tables[parent]
this.pages[parent] = new Page(parent, table, tables)
for (const id in table) {
const sub = table[id]
if (this.pages[id]) { console.warn(`Re-declaring page #${id}!`); return }
Expand Down
11 changes: 9 additions & 2 deletions build/page.js
Original file line number Diff line number Diff line change
Expand Up @@ -32,18 +32,24 @@ function Page (id, table, database, parent = 'home') {
}

function _core (id, parent, content) {
return `<h1>${id.toCapitalCase()}</h1>\n<h2><a href='${parent.toUrl()}.html'>${parent.toCapitalCase()}</a></h2>\n${_jump(table)}${Object.keys(table).reduce(_template, '')}\n`.trim()
console.log(id,Object.keys(table))
return `<h1>${id.toCapitalCase()}</h1>\n${_jump(table)}${Object.keys(table).reduce(_template, '')}\n`.trim()
}

function _navi (database) {
const keys = Object.keys(database)
return `<ul>${keys.reduce((acc, key) => {
const keys = Object.keys(database[key])
return `${acc}<li>${key}</li>\n<ul>${keys.reduce((acc, key) => { return `${acc}<li><a href='${key.toUrl()}.html'>${key.toCapitalCase()}</a></li>\n` }, '')}</ul>\n`
return `${acc}<li><a href='${key.toUrl()}.html'>${key}</a></li>\n<ul>${keys.reduce((acc, key) => { return `${acc}<li><a href='${key.toUrl()}.html'>${key.toCapitalCase()}</a></li>\n` }, '')}</ul>\n`
}, '')
}</ul>`.trim()
}

function _social()
{
return `<ul id='social'><li><a href='http://twitter.com/hundredrabbits' class='twitter' target='_blank'></a></li><li><a href='http://github.com/hundredrabbits' class='github' target='_blank'></a></li></ul>`
}

this.toHtml = function () {
return `
<!DOCTYPE html>
Expand Down Expand Up @@ -79,6 +85,7 @@ function Page (id, table, database, parent = 'home') {
</div>
<div id='navi'>
${_navi(database)}
${_social()}
</div>
</div>
</body>
Expand Down
14 changes: 13 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,24 @@
<div id="logo"></div>
<div id="intro">
<h1>Hundred Rabbits</h1>
<p>We have sailed <a id="distance">23'669km</a> making <a href='pages/pino.html'>tools</a> and <a href='pages/games.html'>games</a> aboard <a href="pages/pino.html">a sailboat</a>.</p>
<p>We have sailed <a id="distance" href='pages/blog.html'>0km</a> making <a href='pages/tools.html'>tools</a> and <a href='pages/games.html'>games</a> aboard <a href="pages/pino.html">a sailboat</a>.</p>
</div>
<ul id='social'>
<li><a href='https://twitter.com/hundredrabbits' class='twitter' target='_blank'></a></li>
<li><a href='https://github.com/hundredrabbits' class='github' target='_blank'></a></li>
<li><a href='https://patreon.com/100' class='patreon' target='_blank'></a></li>
</ul>
</div>
<script type="text/javascript">
const tracker = new Tracker(route)
tracker.start()

const element = document.getElementById('distance')

if(element){
element.innerHTML = tracker.payload.distance
}

const map = new GoogleMap(tracker.payload)
function initMap(){
setTimeout(() => { map.install() },500)
Expand Down
13 changes: 12 additions & 1 deletion links/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ body.splash #wrapper #intro h1 { font-family: "alte_haas_grotesk_bold", "Helveti
body.splash #wrapper #intro p { text-align: center; text-align: center;line-height: 25px;font-size:18px }
body.splash #wrapper #intro p a { font-family: "alte_haas_grotesk_bold", "Helvetica Neue", Helvetica, Arial; text-decoration: underline; }
body.splash #wrapper #intro p a:hover { text-decoration: none; cursor: pointer; }
body.splash #wrapper #social { position: fixed;top:30px;right:30px; }

body #wrapper #logo { display: block;width: 100px;height: 100px;background-image: url(../media/interface/logo.svg);background-size:contain;position: absolute;top:5px }

Expand All @@ -28,7 +29,7 @@ body #wrapper #core h3 { font-family: "alte_haas_grotesk_bold", "Helvetica Neue"
body #wrapper #core img { max-width: 100%; margin-bottom: 30px; border-radius: 2px; display: block; }
body #wrapper #core img.auto { max-width: 50%; }
body #wrapper #core img.small { max-height: 150px }
body #wrapper #core p { line-height: 30px;font-size: 18px;max-width:500px }
body #wrapper #core p { line-height: 30px;font-size: 20px;max-width: 600px }
body #wrapper #core p a { text-decoration: underline; }
body #wrapper #core p a:hover { text-decoration: none; background:white; color:black; }
body #wrapper #core p b { font-family: "alte_haas_grotesk_bold", "Helvetica Neue", Helvetica, Arial;}
Expand All @@ -37,10 +38,20 @@ body #wrapper #core ul li { font-family: "alte_haas_grotesk_bold", "Helvetica Ne
body #wrapper #core ul li a:hover { text-decoration: none; background:white; color:black; }
body #wrapper #core ul li a { text-decoration: underline; }
body #wrapper #core ul.jump { columns: 3; padding:0px; }
body #wrapper #core ul.jump li { font-size:14px; margin-bottom: 0px }
body #wrapper #core code { background:white; font-family: 'input_mono_regular'; display: block; color:black; line-height: 20px; padding:20px; }
body #wrapper #core code li { display: block; margin-bottom: 0px; font-size:12px; white-space: pre }
body #wrapper #core input { display: inline-block; font-family: "alte_haas_grotesk_bold", "Helvetica Neue", Helvetica, Arial;background:black;border:2px solid white;padding:0px 20px;line-height: 40px;border-radius: 30px;font-size:14px }

body #wrapper #social {}
body #wrapper #social li { width:25px; height:25px; display: block; float:left; margin-left:5px; }
body #wrapper #social li a { display: block; width:25px; height:25px; background-size: contain; }
body #wrapper #social li a:hover { opacity: 0.75 }
body #wrapper #social li a.twitter { background-image: url(../media/interface/icon.twitter.png) }
body #wrapper #social li a.patreon { background-image: url(../media/interface/icon.patreon.png) }
body #wrapper #social li a.youtube { background-image: url(../media/interface/icon.youtube.png) }
body #wrapper #social li a.github { background-image: url(../media/interface/icon.github.png) }

body #wrapper #navi { position: absolute;top: 200px;left:30px;font-size:14px; border-top: 2px solid white;padding-top: 30px }
body #wrapper #navi ul { margin-bottom: 30px }
body #wrapper #navi ul li { line-height: 20px; display: block; }
Expand Down
22 changes: 14 additions & 8 deletions pages/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@
<a id='logo' href='https://100r.co'></a>
<div id='core'>
<h1>About</h1>
<h2><a href='home.html'>Home</a></h2>
<h3 id='the_rabbits'><a href='#the_rabbits'>The rabbits</a></h3>
<p class=''>We are <a href='https://kokorobot.ca' target='_blank' class='external' data-goto=''>Rekka</a> & <a href='https://xxiivv.com' target='_blank' class='external' data-goto=''>Devine</a>, two unlikely sailors.</p>
<img src='../media/content/profile.about.jpg' class='undefined'/>
Expand All @@ -42,14 +41,14 @@ <h3 id='follow_us'><a href='#follow_us'>Follow us</a></h3>
<p class=''>You can subscribe to our blog RSS Feed <a href='http://100r.co/links/rss.xml' target='_blank' class='external' data-goto=''>here</a>, follow us on <a href='http://twitter.com/hundredrabbits' target='_blank' class='external' data-goto=''>Twitter</a> or on Mastodon: <a href='https://mastodon.social/@rek' target='_blank' class='external' data-goto=''>mastodon.social/@rek</a> and <a href='https://tiny.tilde.website/@neauoire' target='_blank' class='external' data-goto=''>https://tiny.tilde.website/@neauoire</a>. Also, you can visit our personal websites: <a href='https://xxiivv.com' target='_blank' class='external' data-goto=''>XXIIVV</a> and <a href='https://kokorobot.ca' target='_blank' class='external' data-goto=''>Kokorobot</a>.</p>
</div>
<div id='navi'>
<ul><li>home</li>
<ul><li><a href='home.html'>home</a></li>
<ul><li><a href='about.html'>About</a></li>
<li><a href='mission.html'>Mission</a></li>
<li><a href='pino.html'>Pino</a></li>
<li><a href='support.html'>Support</a></li>
<li><a href='press.html'>Press</a></li>
</ul>
<li>blog</li>
<li><a href='blog.html'>blog</a></li>
<ul><li><a href='the_promise_of_pancakes.html'>The promise of pancakes</a></li>
<li><a href='doldrumming.html'>Doldrumming</a></li>
<li><a href='where_is_the_turtle_farm.html'>Where is the turtle farm?</a></li>
Expand All @@ -60,27 +59,34 @@ <h3 id='follow_us'><a href='#follow_us'>Follow us</a></h3>
<li><a href='internet_in_paradise.html'>Internet in paradise</a></li>
<li><a href='rainy_with_a_chance_of_mosquitoes.html'>Rainy with a chance of mosquitoes</a></li>
</ul>
<li>knowledge</li>
<li><a href='knowledge.html'>knowledge</a></li>
<ul><li><a href='off_the_grid.html'>Off the grid</a></li>
<li><a href='buying_a_sailboat.html'>Buying a sailboat</a></li>
<li><a href='liveaboard.html'>Liveaboard</a></li>
<li><a href='sailing.html'>Sailing</a></li>
<li><a href='used_goods.html'>Used goods</a></li>
<li><a href='resources.html'>Resources</a></li>
</ul>
<li>applications</li>
<ul><li><a href='games.html'>Games</a></li>
<li><a href='left.html'>Left</a></li>
<li><a href='tools.html'>tools</a></li>
<ul><li><a href='left.html'>Left</a></li>
<li><a href='dotgrid.html'>Dotgrid</a></li>
<li><a href='orca.html'>Orca</a></li>
</ul>
<li>raspberry</li>
<li><a href='games.html'>games</a></li>
<ul><li><a href='markl.html'>Markl</a></li>
<li><a href='oquonie.html'>Oquonie</a></li>
<li><a href='donsol.html'>Donsol</a></li>
<li><a href='paradise.html'>Paradise</a></li>
</ul>
<li><a href='raspberry.html'>raspberry</a></li>
<ul><li><a href='raspberry_pi.html'>Raspberry pi</a></li>
<li><a href='the_media_station.html'>The media station</a></li>
<li><a href='the_radio.html'>The radio</a></li>
<li><a href='the_piano.html'>The piano</a></li>
<li><a href='the_computer.html'>The computer</a></li>
</ul>
</ul>
<ul id='social'><li><a href='http://twitter.com/hundredrabbits' class='twitter' target='_blank'></a></li><li><a href='http://github.com/hundredrabbits' class='github' target='_blank'></a></li></ul>
</div>
</div>
</body>
Expand Down
147 changes: 147 additions & 0 deletions pages/blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Devine Lu Linvega">
<meta name='description' content='The Nataniev Library(Static).'/>
<meta name='keywords' content='Aliceffekt, Traumae, Devine Lu Linvega, Lietal, Oquonie, Verreciel, Nataniev, Oscean, Solarpunk' />

<title>Hundred Rabbits — Blog</title>

<link rel="alternate" type="application/rss+xml" title="Feed" href="../links/rss.xml" />
<link rel="stylesheet" type="text/css" href="../links/reset.css"/>
<link rel="stylesheet" type="text/css" href="../links/fonts.css"/>
<link rel="stylesheet" type="text/css" href="../links/main.css"/>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-53987113-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-53987113-3');
</script>

</head>
<body>
<div id='wrapper'>
<a id='logo' href='https://100r.co'></a>
<div id='core'>
<h1>Blog</h1>
<ul class='jump'><li><a href='#the_promise_of_pancakes'>The promise of pancakes</a></li>
<li><a href='#doldrumming'>Doldrumming</a></li>
<li><a href='#where_is_the_turtle_farm'>Where is the turtle farm?</a></li>
<li><a href='#pino_projects_and_pain'>Pino, projects and pain</a></li>
<li><a href='#an_island_to_oneself'>An island to oneself</a></li>
<li><a href='#captain_what_is_this'>Captain, what is this?</a></li>
<li><a href='#the_rock_of_polynesia'>The rock of polynesia</a></li>
<li><a href='#internet_in_paradise'>Internet in paradise</a></li>
<li><a href='#rainy_with_a_chance_of_mosquitoes'>Rainy with a chance of mosquitoes</a></li>
</ul>
<h3 id='the_promise_of_pancakes'><a href='#the_promise_of_pancakes'>The promise of pancakes</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='doldrumming'><a href='#doldrumming'>Doldrumming</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='where_is_the_turtle_farm'><a href='#where_is_the_turtle_farm'>Where is the turtle farm?</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='pino_projects_and_pain'><a href='#pino_projects_and_pain'>Pino, projects and pain</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='introduction.html'>Introduction</a></li>
<li><a href='batteries.html'>Batteries</a></li>
<li><a href='solar_panels.html'>Solar panels</a></li>
<li><a href='windows_and_haul_out.html'>Windows and haul out</a></li>
<li><a href='haul_out.html'>Haul out</a></li>
<li><a href='hatch.html'>Hatch</a></li>
<li><a href='tiller.html'>Tiller</a></li>
<li><a href='headsail_furler.html'>Headsail furler</a></li>
<li><a href='rigging.html'>Rigging</a></li>
<li><a href='mainsail.html'>Mainsail</a></li>
<li><a href='ais.html'>Ais</a></li>
</ul>

<h3 id='an_island_to_oneself'><a href='#an_island_to_oneself'>An island to oneself</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='captain_what_is_this'><a href='#captain_what_is_this'>Captain, what is this?</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='the_rock_of_polynesia'><a href='#the_rock_of_polynesia'>The rock of polynesia</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='internet_in_paradise'><a href='#internet_in_paradise'>Internet in paradise</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>

<h3 id='rainy_with_a_chance_of_mosquitoes'><a href='#rainy_with_a_chance_of_mosquitoes'>Rainy with a chance of mosquitoes</a></h3>
<ul><li><a href='settings.html'>Settings</a></li>
<li><a href='text.html'>Text</a></li>
</ul>
</div>
<div id='navi'>
<ul><li><a href='home.html'>home</a></li>
<ul><li><a href='about.html'>About</a></li>
<li><a href='mission.html'>Mission</a></li>
<li><a href='pino.html'>Pino</a></li>
<li><a href='support.html'>Support</a></li>
<li><a href='press.html'>Press</a></li>
</ul>
<li><a href='blog.html'>blog</a></li>
<ul><li><a href='the_promise_of_pancakes.html'>The promise of pancakes</a></li>
<li><a href='doldrumming.html'>Doldrumming</a></li>
<li><a href='where_is_the_turtle_farm.html'>Where is the turtle farm?</a></li>
<li><a href='pino_projects_and_pain.html'>Pino, projects and pain</a></li>
<li><a href='an_island_to_oneself.html'>An island to oneself</a></li>
<li><a href='captain_what_is_this.html'>Captain, what is this?</a></li>
<li><a href='the_rock_of_polynesia.html'>The rock of polynesia</a></li>
<li><a href='internet_in_paradise.html'>Internet in paradise</a></li>
<li><a href='rainy_with_a_chance_of_mosquitoes.html'>Rainy with a chance of mosquitoes</a></li>
</ul>
<li><a href='knowledge.html'>knowledge</a></li>
<ul><li><a href='off_the_grid.html'>Off the grid</a></li>
<li><a href='buying_a_sailboat.html'>Buying a sailboat</a></li>
<li><a href='liveaboard.html'>Liveaboard</a></li>
<li><a href='sailing.html'>Sailing</a></li>
<li><a href='used_goods.html'>Used goods</a></li>
<li><a href='resources.html'>Resources</a></li>
</ul>
<li><a href='tools.html'>tools</a></li>
<ul><li><a href='left.html'>Left</a></li>
<li><a href='dotgrid.html'>Dotgrid</a></li>
<li><a href='orca.html'>Orca</a></li>
</ul>
<li><a href='games.html'>games</a></li>
<ul><li><a href='markl.html'>Markl</a></li>
<li><a href='oquonie.html'>Oquonie</a></li>
<li><a href='donsol.html'>Donsol</a></li>
<li><a href='paradise.html'>Paradise</a></li>
</ul>
<li><a href='raspberry.html'>raspberry</a></li>
<ul><li><a href='raspberry_pi.html'>Raspberry pi</a></li>
<li><a href='the_media_station.html'>The media station</a></li>
<li><a href='the_radio.html'>The radio</a></li>
<li><a href='the_piano.html'>The piano</a></li>
<li><a href='the_computer.html'>The computer</a></li>
</ul>
</ul>
<ul id='social'><li><a href='http://twitter.com/hundredrabbits' class='twitter' target='_blank'></a></li><li><a href='http://github.com/hundredrabbits' class='github' target='_blank'></a></li></ul>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 05dc7bb

Please sign in to comment.