428 lines
20 KiB
HTML
428 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Minetest Theme for Twitter Bootstrap">
|
|
|
|
<title>Minetest Theme for Twitter Bootstrap</title>
|
|
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/prettify.css" rel="stylesheet" type="text/css">
|
|
<link href="css/minetest.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
<div class="ribbon">
|
|
<a href="https://github.com/cornernote/minetest-bootstrap-theme/tree/gh-pages">Fork me on GitHub</a>
|
|
</div>
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">Minetest Theme</a>
|
|
</div>
|
|
<div class="collapse navbar-collapse navbar-ex1-collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<a href="#dirt">Features</a>
|
|
</li>
|
|
<li>
|
|
<a href="#stone">Docs</a>
|
|
</li>
|
|
<li>
|
|
<a href="#lava">Links</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div id="header">
|
|
<div id="header-bg">
|
|
<div class="container">
|
|
<div class="jumbotron">
|
|
<h1>Minetest Theme<br/>
|
|
<small>for Twitter Bootstrap</small>
|
|
</h1>
|
|
|
|
<p class="lead">Free theme to use on your own pages.</p>
|
|
|
|
<p class="buttons">
|
|
<a class="btn btn-primary btn-lg" role="button" href="https://github.com/cornernote/minetest-bootstrap-theme/releases/latest">Download</a>
|
|
<a class="btn btn-default btn-lg" role="button" href="https://github.com/cornernote/minetest-bootstrap-theme/tree/gh-pages">GitHub</a>
|
|
<a class="btn btn-default btn-lg" role="button" href="http://minetest.net">Minetest</a>
|
|
<a class="btn btn-default btn-lg" role="button" href="http://cornernote.github.io/minetest">CoRNeRNoTe</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<a id="dirt"></a>
|
|
|
|
<div class="section section-dirt">
|
|
<div class="container">
|
|
<div class="jumbotron">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="thumbnail">
|
|
<a href="http://placehold.it/800x600&text=screenshot.jpg" class="fancybox" rel="screenshots"><img src="http://placehold.it/300x225&text=screenshot.jpg" alt="main screenshot"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<h2>Features</h2>
|
|
<ul>
|
|
<li>Offers three sections for the user to dig (scroll) through.</li>
|
|
<li>Easily replace the <code>img/header.png</code> which shows transparently through the grass.</li>
|
|
<li>Responsive design looks great on any device.</li>
|
|
<li>Provides styles for displaying craft recipies.</li>
|
|
<li>Popup screenshot slideshow using <a href="http://fancyapps.com/fancybox/">Facebox2</a>.</li>
|
|
<li>Code syntax highlighting using
|
|
<a href="https://code.google.com/p/google-code-prettify/">Prettify</a>.
|
|
</li>
|
|
<li>Built using the sleek, intuitive, and powerful
|
|
<a href="http://getbootstrap.com">Twitter Bootstrap</a>.
|
|
</li>
|
|
<li>
|
|
Does not require the above css/js libraries to be downloaded locally thanks to <a href="http://cdnjs.cloudflare.com/">cdnjs</a>.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-6 col-md-3">
|
|
<div class="thumbnail">
|
|
<a href="http://placehold.it/800x600&text=screenshot1.jpg" class="fancybox" rel="screenshots"><img src="http://placehold.it/300x225&text=screenshot1.jpg" alt="screenshot+1"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-md-3">
|
|
<div class="thumbnail">
|
|
<a href="http://placehold.it/800x600&text=screenshot2.jpg" class="fancybox" rel="screenshots"><img src="http://placehold.it/300x225&text=screenshot2.jpg" alt="screenshot+2"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-md-3">
|
|
<div class="thumbnail">
|
|
<a href="http://placehold.it/800x600&text=screenshot3.jpg" class="fancybox" rel="screenshots"><img src="http://placehold.it/300x225&text=screenshot3.jpg" alt="screenshot+3"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-md-3">
|
|
<div class="thumbnail">
|
|
<a href="http://placehold.it/800x600&text=screenshot4.jpg" class="fancybox" rel="screenshots"><img src="http://placehold.it/300x225&text=screenshot4.jpg" alt="screenshot+4"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a id="stone"></a>
|
|
|
|
<div class="section section-docs">
|
|
|
|
<div class="container">
|
|
|
|
<h2>Docs</h2>
|
|
|
|
<h3>Image Craft Tables</h3>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
<img src="img/mods/default/textures/default_paper.png" title="default:paper" height="24px"> Paper
|
|
</h4>
|
|
|
|
<div class="craft">
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_papyrus.png" title="default:papyrus" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_papyrus.png" title="default:papyrus" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_papyrus.png" title="default:papyrus" height="24px"></span>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
<img src="img/mods/default/textures/default_book.png" title="default:book" height="24px"> Book
|
|
</h4>
|
|
|
|
<div class="craft">
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_paper.png" title="default:paper" height="24px"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_paper.png" title="default:paper" height="24px"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_paper.png" title="default:paper" height="24px"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
<img src="img/mods/default/textures/default_bookshelf.png" title="default:bookshelf" height="24px"> Bookshelf
|
|
</h4>
|
|
|
|
<div class="craft">
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
</div>
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_book.png" title="default:book" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_book.png" title="default:book" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_book.png" title="default:book" height="24px"></span>
|
|
</div>
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
<span><img src="img/mods/default/textures/default_wood.png" title="default:wood" height="24px"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
<img src="img/mods/default/textures/default_clay_brick.png" title="default:clay_brick" height="24px"> Clay Brick
|
|
</h4>
|
|
|
|
<div class="craft">
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_clay_lump.png" title="default:clay_lump" height="24px"></span>
|
|
</div>
|
|
<div>
|
|
<span><img src="img/mods/default/textures/default_furnace_front_active.png" title="default:furnace" height="24px"></span>
|
|
</div>
|
|
<div>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Text Craft Tables</h3>
|
|
|
|
<p>The material used below are:</p>
|
|
<ul>
|
|
<li><code>X</code> = <code>default:wood</code></li>
|
|
<li><code>-</code> = <code>empty</code></li>
|
|
</ul>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
Craft 1
|
|
</h4>
|
|
<pre class="craft">XXX
|
|
XXX
|
|
X-X</pre>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
Craft 2
|
|
</h4>
|
|
<pre class="craft">XXX
|
|
-X-
|
|
XXX</pre>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
Craft 3
|
|
</h4>
|
|
<pre class="craft">X-X
|
|
XXX
|
|
X-X</pre>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<h4>
|
|
Craft 4
|
|
</h4>
|
|
<pre class="craft">XXX
|
|
X-X
|
|
XXX</pre>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Code Syntax Highlighting</h3>
|
|
|
|
<p>Normal:</p>
|
|
<pre>minetest.register_tool("your_mod:your_thing", {
|
|
description = "Your Thing",
|
|
})</pre>
|
|
<p>Highlighted:</p>
|
|
<pre class="prettyprint lang-lua">minetest.register_tool("your_mod:your_thing", {
|
|
description = "Your Thing",
|
|
})</pre>
|
|
|
|
<p>Line numbers:</p>
|
|
<pre class="prettyprint lang-lua linenums">minetest.register_tool("your_mod:your_thing", {
|
|
description = "Your Thing",
|
|
})</pre>
|
|
|
|
<h3>Accordion</h3>
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#faq-1">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="faq-1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#faq-2">
|
|
Curabitur sodales ligula in libero. Sed dignissim lacinia nunc?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="faq-2" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a data-toggle="collapse" data-parent="#accordion" href="#faq-3">
|
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos?
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="faq-3" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<a id="lava"></a>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="well">
|
|
<h4>Support</h4>
|
|
<ul class="list-unstyled">
|
|
<li>Does this site need improvement? Go ahead and
|
|
<a href="https://github.com/cornernote/minetest-bootstrap-theme/edit/gh-pages/index.html">suggest a change</a>.
|
|
</li>
|
|
<li>Found a bug, or need help using this project? Check the
|
|
<a href="https://github.com/cornernote/minetest-bootstrap-theme/issues">open issues</a> or
|
|
<a href="https://github.com/cornernote/minetest-bootstrap-theme/issues/new">create an issue</a>.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="well">
|
|
<h4>About</h4>
|
|
|
|
<p>This project is open source, so it's distributed freely. If you find it useful then I ask not
|
|
for your wealth, but simply to spare your time to consider the world we share by watching
|
|
<a href="http://earthlings.com/">Earthlings</a>, a multi-award winning film available to watch online for free.
|
|
A must-see for anyone who wishes to make the world a better place.</p>
|
|
|
|
</div>
|
|
<div class="well">
|
|
<h4>License</h4>
|
|
|
|
<p>
|
|
<a href="license.html" class="fancybox" data-fancybox-type="ajax">BSD-3-Clause</a>, Copyright © 2014
|
|
<a href="http://cornernote.github.io/">Brett O'Donnell</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="well">
|
|
<h4>Bootstrap Theme<br/>
|
|
<small>for Minetest</small>
|
|
</h4>
|
|
<ul class="list-unstyled">
|
|
<li><a href="https://github.com/cornernote/minetest-bootstrap-theme">GitHub Project</a></li>
|
|
<li><a href="http://cornernote.github.io/minetest">CoRNeRNoTe's Minetest</a></li>
|
|
<li><a href="http://minetest.net/">Minetest Website</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="well">
|
|
<h4>Texture License</h4>
|
|
|
|
<p>
|
|
<a href="http://creativecommons.org/licenses/by-sa/3.0/">Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)</a> unless stated otherwise.
|
|
</p>
|
|
<h5>Authors of media files</h5>
|
|
|
|
<ul class="small">
|
|
<li>default_dirt.png - Cisoun</li>
|
|
<li>default_lava.png - Cisoun</li>
|
|
<li>default_stone.png - Cisoun</li>
|
|
<li>default_grass_side.png - Cisoun</li>
|
|
<li>default_grass_*.png - VanessaE</li>
|
|
<li>default_water.png - Cisoun</li>
|
|
<li>default_wood.png - G4JC</li>
|
|
<li>wool_white.png - Cisoun</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- load js last -->
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
|
|
<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$(".fancybox").fancybox();
|
|
});
|
|
</script>
|
|
|
|
<!-- google analytics tracking -->
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
ga('create', 'UA-46879709-6', 'cornernote.github.io');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|