diffusio.github.io/index.html at master · Diffusio/diffusio.github.io · 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
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
114
115
116
117
118
119
<!--
 * Diffusio - Build presentation websites easily
 * https://github.com/diffusio
 * http://diffusio.co
 *
 * Copyright (C) 2015
 *
 * Pierre JACQUIER
 * http://pierre-jacquier.com
 *
 * Grégoire DUVAUCHELLE
 * https://github.com/kalterkrieg
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation, either version 2.1 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->

<DOCTYPE html>
<html>
	<head>
		<title>Diffusio</title>
		<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500' rel='stylesheet' type='text/css'>
		<link rel='stylesheet' href='style/style.css'>
		<script src="js/jquery.js"></script>
		<script src="js/side.js"></script>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
		<meta charset="utf-8">
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
	</head>
	<body>
	  <header>
		<ul id="navLarge">
			<img src="images/diffusio-logo.png" id="title_logo">
			<li id="title">Diffusio</li>
			<ul id="rightNav">
				<a onclick="setVisibleNotVisibleNotVisible(1,2,3,4);"><li class="floatLeft button" id='tab_1'>Presentation</li></a>
				<a onclick="setVisibleNotVisibleNotVisible(2,1,4,3);"><li class="floatLeft buttonUnSelected" id='tab_2'>Download</li></a>
				<a onclick="setVisibleNotVisibleNotVisible(3,2,1,4);"><li class="floatLeft buttonUnSelected" id='tab_3'>Source Code</li></a>
				<a onclick="setVisibleNotVisibleNotVisible(4,3,2,1);"><li class="floatLeft buttonUnSelected" id='tab_4'>About</li></a>
			</ul>
		</ul>
		<ul id="navTiny">
			<li id="sideOpen" class="floatLeft"><a href="#" class="menu-icon border-icon">menu icon</a></li>
			<li id="title_tiny" class="floatLeft">Diffusio</li>
		</ul>
	 </header>
		<ul class='sideBar'>
			<li>
				<ul class=''>
					 <li class="sideHeader"><div class='icon-left-open size2em' id='sideClose' style='color: #000;'><div class="arrow-left"></div><span href="leftPadding50">Navigation</span></div></li>
					 <a   onclick="setVisibleNotVisibleNotVisible(1,2,3,4)"><li class="subPage">Presentation</li></a>
					 <a   onclick="setVisibleNotVisibleNotVisible(2,3,4,1)"><li class="subPage">Download</li></a>
					 <a   onclick="setVisibleNotVisibleNotVisible(3,4,1,2)"><li class="subPage">Source code</li></a>
					 <a   onclick="setVisibleNotVisibleNotVisible(4,3,2,1)"><li class="subPage">About</li></a>
				</ul>
			</li>
		</ul>
	<section id="section_1">
		<div id="content_1" class="content">
			<p>Building website has never been this simple.<br>Scroll down for more.</p>
            <div id="content_1_1">
			<p>Discover our templates : </p>
            <p><a href="templates/">Diffusio Slideshow</a></p>
		</div>
		</div>

		<div id="content_2" class="content notVisible">
			<p><a href="https://mega.nz/#!cB4VgbZJ!NHXe8UJy-BwuHs5l-SEHF6lEkqQWxyU3FpY3TXJJErk">Download</a></p>
		</div>
		<div id="content_3" class="content notVisible">
			<p>Code hosted on GitHub</p><a href='https://github.com/diffusio'><img src='images/github.png' width='100'></a>
		</div>
		<div id="content_4" class="content notVisible">
			<p>Authors : </p><p class='name'><a href="http://pierre-jacquier.com">Pierre JACQUIER</a></p><p class='name'>Grégoire DUVAUCHELLE</p>
		</div>
		<div id="please_scroll">
			<img src="images/scroll.png">
		</div>
	</section>
		<script type="text/javascript">
		function setUnselected(tabid)
		{
			document.getElementById(tabid).style.backgroundColor = 'rgb(30,30,30)';
			document.getElementById(tabid).style.color = 'white';
		}
		function setSelected(tabid)
		{
			document.getElementById(tabid).style.backgroundColor = 'white';
			document.getElementById(tabid).style.color = 'rgb(30,30,30)';
		}
		function setVisibleNotVisibleNotVisible(visible, not_visible1, not_visible2, not_visible3)
		{
			document.getElementById('content_' + visible).className = "content";
			document.getElementById('content_' + not_visible1).className = "content notVisible";
			document.getElementById('content_' + not_visible2).className = "content notVisible";
			document.getElementById('content_' + not_visible3).className = "content notVisible";
			document.getElementById('tab_' + visible).className = "floatLeft button";
			document.getElementById('tab_' + not_visible1).className = "floatLeft buttonUnSelected";
			document.getElementById('tab_' + not_visible2).className = "floatLeft buttonUnSelected";
			document.getElementById('tab_' + not_visible3).className = "floatLeft buttonUnSelected";


		}
		</script>
	</body>
</html>