This repository has been archived by the owner on Jun 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (103 loc) · 7.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!doctype html>
<html>
<head>
<title>NAC Theme - A Bootstrap 3 Theme</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="dist/css/bootstrap.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container text-center">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1 class="page-header"> NAC Theme
<small>(0.0.1)</small>
</h1>
<p class="lead">A theme for <a href="http://www.getbootstrap.com/">Bootstrap 3</a> by <b>NAC Southgermany Webmasters</b></p>
<div class="list-group">
<a class="list-group-item active" href="examples/nak-bezirk-home.html">View Prototyp of "District Website"</a>
<a class="list-group-item" href="examples/kitchen-sink.html">View "Kitchen Sink" Example</a>
<a class="list-group-item" href="https://github.com/divshot/themestrap">View on GitHub</a>
</div>
<div class='panel panel-default text-left'>
<div class="panel-heading"><h3>Quick Install</h3></div>
<div class="panel-body">
<p>Download the <a href="dist/css/bootstrap.css" download>bootstrap.css</a> or <a href="dist/css/bootstrap.min.css" download>bootstrap.min.css</a> files or install using Bower:</p>
<pre>bower install https://github.com/nak-sued-webmasters/theme#master</pre>
</div>
</div>
<div class='panel panel-default text-left'>
<div class="panel-heading"><h3>README</h3></div>
<div class="panel-body">
<p><a href="http://gruntjs.com/"><img src="https://cdn.gruntjs.com/builtwith.png" alt="Built with Grunt"></a>
<a href="https://travis-ci.org/nak-sued-webmasters/theme"><img src="https://travis-ci.org/nak-sued-webmasters/theme.svg" alt="Travis CI"></a></p>
<h1 id="bootstrap-theme-for-districts-of-nac-south-germany">Bootstrap Theme for Districts of NAC South Germany</h1>
<p>This Bootstrap based theme is created by using Themestrap.
This theme will be used for the districts of the New Apostolic Church at South Germany.</p>
<h2 id="themestrap">Themestrap</h2>
<p>We forked <a href="https://github.com/divshot/themestrap">Themestrap</a> and updated references of Bootstrap and also added Yamm3,
"Yet another megamenu for Bootstrap 3" and the Paypal Bootstrap Accessibility Plugin.</p>
<p>Below you could find the copied description of Themestrap how to setup project. Many thanks for the provided work by Divshot Inc.</p>
<h2 id="credits">Credits</h2>
<ul>
<li><a href="http://getbootstrap.com">Bootstrap</a>: Great responsive HTML5 Toolbox.</li>
<li><a href="https://github.com/divshot/themestrap">Themestrap</a>: Many thanks for providing this usefule basis to develop indvidual themes.</li>
<li><a href="https://github.com/geedmo/yamm3/">Yamm3 - Yet another megamenu for Bootstrap 3</a>: We love this mega menu.</li>
<li><a href="https://github.com/paypal/bootstrap-accessibility-plugin">Paypal Bootstrap Accessibility Plugin</a>: Thanks Paypal-team to support minorities, we will too.</li>
</ul>
<h2 id="copyright-and-license">Copyright and license</h2>
<p>Copyright 2015 <a href="LICENSE">the Apache 2.0 license</a>.</p>
<hr>
<h2 id="themestrap">Themestrap</h2>
<p><a href="https://github.com/divshot/themestrap"><strong>Themestrap</strong></a> is a simple starter kit for constructing Twitter Bootstrap 3+ themes.
It provides the skeleton for a simple, maintainable theme that always uses code directly from Bootstrap with as little replacement
as possible.</p>
<h3 id="themestrap-s-philosophy">Themestrap's Philosophy</h3>
<ol>
<li>A theme should be built <em>on top</em> of the framework, with as little intrusive change as possible.</li>
<li>As the framework evolves, a theme should be easily updated to the latest version.</li>
</ol>
<p>To this end, Themestrap provides you with two simple files to modify: <strong>variables.less</strong>
and <strong>theme.less</strong> (both in the <code>less</code> directory). You can tweak any and all of the Bootstrap variables
in <strong>variables.less</strong> and support any additional code or classes you'd like in <strong>theme.less</strong>. The compiled
theme CSS includes the Bootstrap library and will automatically pick up any overrides from variables.</p>
<h3 id="creating-a-theme-with-themestrap">Creating a Theme with Themestrap</h3>
<p>To create a theme, first start by cloning the Themestrap repository into a directory named for
your theme. We recommend a <code>bootstrap-theme-THEME_NAME</code> naming scheme:</p>
<pre><code>git clone https://github.com/divshot/themestrap.git bootstrap-theme-THEME_NAME</code></pre>
<p>Next, you should open <code>bower.json</code> and change the package name from <code>bootstrap-theme-themestrap</code>
to match what you want your theme to be named. Now you're ready to install dependencies using
<a href="http://gruntjs.com">Grunt</a> and <a href="https://github.com/bower/bower">Bower</a> (you must have these
installed).</p>
<pre><code>npm install
bower install</code></pre>
<p>Now you're ready to go! Simply edit <code>less/variables.less</code> and <code>less/theme.less</code> to your liking.
When you're ready, just run <code>grunt</code> and it will compile and minify the distribution for you.
You can also run <code>grunt watch</code> to automatically compile as you work.</p>
<h3 id="testing-out-your-theme">Testing Out Your Theme</h3>
<p>We've provided a "Bootstrap Kitchen Sink" HTML file at <code>examples/kitchen-sink.html</code> that contains
all of the various components in all of their variations. It may not be 100% exhaustive but it
should give you a good idea of what your theme will look like at a glance.</p>
<p>For the specific layout of websites for districts of NAC Southgermany we assambled a prototyp at <code>examples/nak-bezirk-home.html</code>.</p>
<p>You can start a development server at <code>http://localhost:8000</code> by running <code>grunt serve</code>. Your theme will automatically compile while the server is running.</p>
<h3 id="deeper-customization">Deeper Customization</h3>
<p>In cases where you need to do a more in-depth overhaul of a portion of Bootstrap's LESS, you may do so by
simply copying over a file from Bootstrap's <code>less</code> directory into your theme's <code>less</code> directory and then
modifying it as necessary. Example:</p>
<pre><code>[cp|copy] bower_components/bootstrap/less/alerts.less less/alerts.less</code></pre>
<p>Because it takes path priority over the Bower-installed Bootstrap LESS, it will automatically override the
Bootstrap default. In fact, this is how <code>variables.less</code> works already...delete it and the default Bootstrap
variables will be back in play.</p>
<h2 id="copyright-and-license">Copyright and license</h2>
<p>Copyright 2015 <a href="LICENSE">the Apache 2.0 license</a>.</p>
</div>
</div>
<footer>
<p class="text-muted" style="margin-top: 100px;"><small>A <a href="https://github.com/divshot/themestrap" target="_blank">Themestrap</a> based theme. Copyright © 2013 Divshot, Inc. Some rights reserved.</small></p>
</footer>
</div>
</div>
</div>
</body>
</html>