Navigation/index.html at master · occupynet/Navigation · GitHub

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
<html>
<head>
	<title>Occupy.net Navigation Widget</title>
	<link rel="stylesheet" href="occupynet_nav.css">
	<style type="text/css">
		body {margin: 0;padding: 0;}
		#wrapper {margin:0 auto;width:900px;}
	</style>
</head>
<body>
	<script type="text/javascript" src="occupynet_nav.js"></script>
<div id="wrapper">
	<h1 id="welcome">Welcome to the Occupy.net Navigation Widget homepage</h1>
	<p>Here you will find information about the navigation widget and instructions on it's use.</p>
	<hr />
	<p>The widget comes in a few flavors</p>
	<ul>
		<li><strong>The Occupy.net nav bar</strong> - This is the standard nav bar for all occupy.net sub domains. It is a required element for any subdomain to achive Alpha status<br />
			Simply paste this code into your web app:<br />
			<input type="text" readonly=readonly onclick="this.select()" style="width:98%;" value='<script type="text/javascript" src="https://nav.occupy.net/occupynet_nav.js"></script>' />
		</li>
		<li><strong>The Occupy Network bar</strong> - This is the work in progress bar that will be available for sites outside of occupy.net to use.</li>
		<li>
			<div style="width:300px;float:right;">
				Example:<br />
		        <div id="onav_button" class="onav_reset">
		            <a class="onav_logo" href="#"><span class="onav_yellow">Occupy</span>.<span class="onav_white">Net</span></a>
		            <div class="onav_drop">
		                <ul class="onav_menu">
		                    <li class="onav_top"><p class="onav_text">See our other sites:</p></li>
		                    <li class="onav_top"><a href="http://map.occupy.net" target="_blank" title="">Map</a></li>
		                    <li class="onav_top"><a href="http://wiki.occupy.net" target="_blank" title="">Wiki</a></li>
		                    <li class="onav_top"><a href="http://notes.occupy.net" target="_blank" title="">Notes</a></li>
		                    <li class="onav_top"><a href="http://directory.occupy.net" target="_blank" title="">Directory</a></li>
		                </ul>
		            </div>
		        </div>
	        </div>
        <strong>The Occupy Network button</strong> - This is a small widget with a drop down menu, like the nav bar but it takes up significantly less space<br /><br />

		</li>
	</ul>
	<p>If you would like to help develope the nav bar please check it out on <a href="https://github.com/occupynet/Navigation">GitHub</a></p>
	<p>More information can be found on the <strong><a href="http://wiki.occupy.net/wiki/Occupy.net_Navigation">wiki page</a></strong></p>
    </div>
</div>
</body>
</html>