root/other-projects/nz-flag-design/trunk/index.html @ 29904

Revision 29904, 6.0 KB (checked in by davidb, 4 years ago)

Minor text tweak

  • Property svn:executable set to *
Line 
1<!DOCTYPE html> 
2<html id="story"><!-- class="story" id="idea"-->
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5    <!--<meta charset="utf-8"/>-->
6    <meta name="viewport" content="width=device-width, initial-scale=1"/>
7    <title>NZ Flag Design @ The University of Waikato</title>
8   
9    <script src="main-form/css/source-sans-pro.js"></script>
10    <link href="main-form/css/styles.css" rel="stylesheet"/>
11    <link href="main-form/css/storystyle.css" rel="stylesheet"/>
12   
13   
14    <link rel="stylesheet"  href="main-form/lib-slider/css/jquery.mobile-1.3.0.css"/>
15    <link rel="stylesheet" href="main-form/lib-slider/css/jqm-demos.css"/>
16    <link rel="stylesheet" href="main-form/lib-slider/css/swipe-page.css"/>
17    <link rel="shortcut icon" href="main-form/lib-slider/favicon.ico"/>     
18
19    <script src="main-form/lib/jquery-1.8.2.min.js"></script>
20   
21    <script src="main-form/lib-slider/js/jquery.mobile.demos.js"></script>
22    <script src="main-form/lib-slider/js/jquery.mobile-1.3.0.js"></script>
23
24  </head>
25
26  <body>
27    <div data-role="page" id="innovation-story-01" class="demo-page">
28     
29      <div data-role="content">
30         
31    <div class="story-page" id="static-info-page">
32      <!-- put custom content here -->
33     
34      <div class="story-title" style="margin-left: 25px;">
35<!--
36        <h1 class="center">Fieldays Innovation Centre</h1>
37-->
38        <h1 class="center">The University of Waikato</h1>
39
40        <p class="center" style="margin: 6px;">-- The New Zealand Flag Debate</p>
41
42        <div class="center">
43          <img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/250px-Flag_of_New_Zealand.svg.png" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/375px-Flag_of_New_Zealand.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/500px-Flag_of_New_Zealand.svg.png 2x" data-file-width="1200" data-file-height="600" height="125" width="250">
44        </div>
45
46
47        <p>
48              What the flag for New Zealand will look like in the
49          future has become the topic of much debate in the
50          country now the Prime Minister, John Key, has scheduled
51          a binding referendum on the matter.
52
53          Here at
54          the University of Waikato's
55          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
56          <a target="_blank" href="http://cosi.cms.waikato.ac.nz">(COSI)</a>,
57          we've put together a web-browser based tool that lets
58          you try out your ideas for an alternative.
59        </p>
60       
61        <style>
62          ul.infopage {
63            font-size: 250%;
64            padding: 8px;
65            background: none;
66            border: none;
67          }
68
69          ul.infopage li {
70            border: none;
71            list-style:disc outside none;
72            display:inline-block;
73            padding-left: 10px;
74            margin-left: 10px;
75
76          }
77
78        </style>
79        <p style="margin-bottom: 6px">
80          In the steps that follow you will be asked to:
81        </p>
82          <ul class="infopage" >
83        <li>
84            1. Choose a width and height for your flag (not all
85            flags in the world are the same size).
86        </li>
87        <li>
88          2. Select a colour palette to work from (modest sized
89          with distinct colours recommended).
90        </li>
91        <li>
92          3. Interact with an embedded 2D paint application to develop your idea.
93        </li>
94        <li>
95          4. See your flag flying on top of the Beehive in a 3D simulation.
96        </li>
97          </ul>
98        <p>
99          We've also added in a flag similarity feature, so you
100          can check how similar your flag design is compared with
101          other countries.  After all we wouldn't want to end up
102          with a flag that's easily mixed up with another one!
103<!--
104          Guided by principles of good flag designed, through this
105              site you will be asked to choose a width and height for
106              your flag (not all flags in the world are the same
107              size), and a colour palette to work from (modest sized
108              with distinct colours recommended).  Then you will
109          be presented with a 2D paint application (primed with your
110          previous choices) in which you design your flag. 
111             
112-->
113<!--
114              from <a href="http://en.wikipedia.org/wiki/Vexillology">Vexilloloy</a>
115          (the scholarly study of flags)
116          study flags),
117-->
118         
119<!--
120          part of         
121
122
123          we've put
124
125          the <a href="http://cosi.cms.waikato.ac.nz">Centre for Open Source Innovation</a>
126          <a href="http://cosi.cms.waikato.ac.nz">(COSI)</a>, part of         
127          the <a href="http://www.cs.waikato.ac.nz">Computer Science Department</a> at     
128          the <a href="http://www.waikato.ac.nz">University of Waikato</a> we've put
129          together a web-browser based tool that let's people try out their ideas.
130
131          Not being flag designers ourselves, we're read up
132          on <a href="http://en.wikipedia.org/wiki/Vexillology">Vexillology</a>
133          (the scientific study of flag design) and put the principles
134
135   
136
137          Guided by the principles of good flag design
138
139          Informed by the principles of good flag design, th
140
141http://www.flaginstitute.org/wp/about-us/about-vexillology/
142
143
144http://en.wikipedia.org/wiki/International_Federation_of_Vexillological_Associations
145
146from the study of flag deisgn
147
148
149, guided by flag design
150          principals
151         
152         
153          Being
154-->
155
156
157        </p>
158
159        <div>
160          <!-- darker green background color: #a8cb45; -->
161          <button style="background-color:#300000; background-colorXX:#95bd26; background-colorXx:#202080; opacityXX: 1.0;" onclick="window.location.href='main-form/choose-canvas.html#'">
162        <div style="font-size: 200%; color: white;">
163          Enter
164        </div>
165          </button>
166        </div>
167
168      </div>
169      <!-- end of putting custom content -->
170
171    </div> <!-- end story-page-->       
172   
173      </div><!-- /content -->
174     
175    </div><!-- /page -->
176   
177  </body>
178</html>
179 
Note: See TracBrowser for help on using the browser.