sample index.html simplification

eemeli · Jul 9, 2014 · ec96976 · ec96976
1 parent 0a06068
commit ec96976
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 56 deletions.
diff --git a/cache.manifest b/cache.manifest
@@ -11,7 +11,6 @@ skin/Roboto300.ttf
 skin/Roboto500.ttf
 skin/Oswald400.ttf
 favicon.ico
-data/title-small.png
 data/title.png
 
 NETWORK:

diff --git a/data/title-small.png b/data/title-small.png
diff --git a/index.html b/index.html
@@ -44,8 +44,8 @@
 <div id="banner">
 <div id="server_connect"></div>
 
-<h1><a href="#info"><!-- alt="CONVENTION" title="CONVENTION" -->
-<img id="title-small" src="data/title-small.png" style="width: 240px;">
+<h1><a href="#info" alt="CONVENTION" title="CONVENTION">
+<img id="title-small" src="data/title.png" style="width: 240px;">
 <img id="title" src="data/title.png" style="width: 200px;"></a></h1>
 
 <ul id="tabs">
@@ -64,10 +64,6 @@ <h1><a href="#info"><!-- alt="CONVENTION" title="CONVENTION" -->
 	<div id="star_data"></div>
 </div>
 
-
-<style>
-	@media (max-height: 450px) and (min-width: 400px) { #area2 { width: 450px; } }
-</style>
 <div id="prog_view" class="view">
 	<div id="prog_filters" class="filters">
 	<div id="prog_lists"></div>
@@ -86,30 +82,14 @@ <h1><a href="#info"><!-- alt="CONVENTION" title="CONVENTION" -->
 	</div>
 </div>
 
-
 <div id="part_view" class="view">
 	<div id="part_filters" class="filters"></div>
 	<ul id="part_names"></ul>
 	<div id="part_info"></div>
 </div>
 
-
 <div id="info_view" class="view">
-<style>
-#map { width: 100% !important; }
-#map td { text-align: center !important; padding: 6px 32px; }
-#map a, #map span { font-family: 'Oswald'; font-weight: 400; font-size: 1.2em; cursor: pointer; }
-#map a:hover, #map span:hover { text-decoration: underline; }
-#map tr:hover, .quick-ref tr:hover { background: inherit !important; }
-.quick-ref dt { margin: 6px 0 3px; }
-.quick-ref table { width: auto !important; border-spacing: 0; margin-bottom: 6px; }
-.quick-ref td { text-align: left !important; }
-#info_view .quick-ref td.c { text-align: center !important; }
-.quick-ref td:nth-child(2) { text-align: right !important; padding: 0 0 0 5px; }
-.quick-ref td:nth-child(3) { padding-left: 0; }
-</style>
-
-<p>This is the program guide for <a href="http://example.com/">CONVENTION</a>. It should be suitable for use on most browsers and devices. It's an instance of <a href="http://konopas.org/">KonOpas</a>, an open-source project providing conventions with easy-to-use mobile-friendly guides.
+<p>This is the program guide for <a href="http://example.org/">CONVENTION</a>. It should be suitable for use on most browsers and devices. It's an instance of <a href="http://konopas.org/">KonOpas</a>, an open-source project providing conventions with easy-to-use mobile-friendly guides.
 
 <p>Program and participant data will be kept updated as final changes and corrections are made. <div id="last-updated">They were last updated <span></span>.</div>
 
@@ -126,6 +106,21 @@ <h1><a href="#info"><!-- alt="CONVENTION" title="CONVENTION" -->
 if (navigator.standalone) document.getElementById('install-instructions').style.display = 'none';
 </script>
 
+<!-- SAMPLE SECTIONS FOR "INFO" VIEW, UNCOMMENT TO SEE
+<style>
+#map { width: 100% !important; }
+#map td { text-align: center !important; padding: 6px 32px; }
+#map a, #map span { font-family: 'Oswald'; font-weight: 400; font-size: 1.2em; cursor: pointer; }
+#map a:hover, #map span:hover { text-decoration: underline; }
+#map tr:hover, .quick-ref tr:hover { background: inherit !important; }
+.quick-ref dt { margin: 6px 0 3px; }
+.quick-ref table { width: auto !important; border-spacing: 0; margin-bottom: 6px; }
+.quick-ref td { text-align: left !important; }
+#info_view .quick-ref td.c { text-align: center !important; }
+.quick-ref td:nth-child(2) { text-align: right !important; padding: 0 0 0 5px; }
+.quick-ref td:nth-child(3) { padding-left: 0; }
+</style>
+
 <h2>Maps</h2>
 <table id="map">
 <tr><td><a class="popup-link" href="http://guide.2014.arisia.org/data/arisia-westin-3W.png">Mezzanine Level&nbsp;(3W)</a>
@@ -157,6 +152,7 @@ <h2>Quick Reference</h2>
 <b>Voice Auction</b>: Sunday 4:30pm<br>
 <b>Sales Pickup / Artist Checkout</b>: Monday 10am–1pm
 </dl>
+-->
 
 </div>
 
@@ -167,40 +163,14 @@ <h2>Quick Reference</h2>
 
 <script> var konopas_set = {
 	'id': '',
-	'default_duration': 60,
-	'tag_categories': ['track', 'type'],
+	'default_duration': 0,
 	'time_show_am_pm': true,
-	'show_all_days_by_default': false,
-	'use_server': true,
+	'show_all_days_by_default': true,
+	'use_server': false,
 	'filters': {
 		'day': {},
-		'area': {
-			'loc_level': 0,
-			'labels': {
-				'all_areas': 'Everywhere',
-				'area': 'Other location',
-				'Galleria': 'Galleria (1E)',
-				'1W': 'Concourse (1W)',
-				'2':  'Lobby (2)',
-				'3E': 'Conference (3E)',
-				'3W': 'Mezzanine (3W)',
-				'ArisiaTV': '$ArisiaTV',
-				'Commonwealth Ballroom ABC': 'Commonwealth Ballroom',
-			},
-			'regexp': { 'Galleria': '^Galleria' },
-			'promote': ['3W', '3E', '2', '1W', 'Galleria'],
-			'exclude': ['^Galleria -', '^Gaming Table', '^Grand Prefunction$']
-		},
-		'tag': {
-			'categories': ['track', 'type'],
-			'labels': {
-				'all_tags': 'All tracks & types',
-				'Featured': 'Featured items',
-				'track': 'Track',
-				'type': 'Type'
-			},
-			'promote': ['Featured'],
-		}
+		'area': {},
+		'tag': {}
 	}
 };
 </script>

diff --git a/src/app.js b/src/app.js
@@ -13,6 +13,7 @@ function KonOpas(set) {
 	this.use_server = false;
 	this.log_messages = true;
 	this.cache_refresh_interval_mins = 60;
+	this.filters = { 'day': {}, 'area': {}, 'tag': {} };
 	this.views = [ "star", "prog", "part", "info" ];
 	if (typeof set == 'object') for (var i in set) this[i] = set[i];