scratch – Blame information for rev 76

Subversion Repositories:
Rev:
Rev Author Line No. Line
5 office 1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
21 office 8 <meta name="description" content="quick asset upload">
5 office 9 <meta name="author" content="Wizardry and Steamworks">
10 <link rel="icon" href="favicon.ico">
11  
71 office 12 <title>scratch copy</title>
5 office 13  
14 <!-- Bootstrap core CSS -->
58 office 15 <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
65 office 16 <!-- Font Awesome -->
17 <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
5 office 18  
68 office 19 <!-- Site-wide style CCS -->
20 <link href="css/style.css" rel="stylesheet">
5 office 21 </head>
22  
23 <body>
71 office 24  
25 <!-- Main component for a primary marketing message or call to action -->
26 <div class="paralax-background"></div>
27 <div class="jumbotron">
28 <h1>scratch copy</h1>
29 <p class="quote">the asset sharer</p>
30 </div>
31  
5 office 32 <div class="container">
33  
34 <ul class="nav nav-tabs">
23 office 35 <li class="active"><a href="#">Home</a></li>
56 office 36 <li><a href="file.html">File</a></li>
23 office 37 <li><a href="text.html">Text</a></li>
5 office 38 </ul>
42 office 39  
64 office 40 <div class="row">
41 <h2>About</h2>
76 office 42 <p><strong>scratch copy</strong> is a platform for small-sized asset sharing developed by <a href="http://grimore.org">Wizardry and Steamworks</a> and published under the <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC 1.0 Universal (CC0 1.0)</a> license. The sharing platform covers images, text snippets, movie clips and any sort of media that can be conveniently shared by generating short, public and obfuscated URLs that are easily accessible.</p>
75 office 43 <!-- <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> -->
42 office 44 </div>
76 office 45  
46 <div class="row" ng-app="scratch" ng-controller="scratch-control">
47 <!-- <h2>Configuration</h2>
48 <p>The <strong>scratch copy</strong> platform can be configured for each usage case. This section is meant to hint to the users what configuration is currently active and specifies the configured lmits and allowances.</p>
49 <h3>Allowed Files</h3>
50 <p>The file extensions <span ng-repeat="extension in extensions" id="box">{{extension}}, </span> are currently accepted for uploading.</p>
51 <h3>Upload Limits</h3>
52 <p>The current upload limit is set to {{uploadlimit}}MiB.</p> -->
75 office 53 <h2>Configuration</h2>
76 office 54 <div class="panel panel-default">
55 <!-- Default panel contents -->
56 <div class="panel-heading">Current Configuration Settings</div>
57 <div class="panel-body">
58 <!-- Table -->
59 <table class="table table-striped table-hover table-condensed table-responsive">
60 <thead>
61 <tr>
62 <th>
63 Description
64 </th>
65 <th>
66 Limit
67 </th>
68 </tr>
69 </thead>
70 <tbody>
71 <tr>
72 <td>
73 File extensions accepted for upload.
74 </td>
75 <td>
76 <span ng-repeat="extension in extensions" id="box">{{extension}} </span>
77 </td>
78 </tr>
79 <tr>
80 <td>
81 Allowed file size upload limit.
82 </td>
83 <td>
84 <p>{{uploadlimit}}MiB</p>
85 </td>
86 </tr>
87 </tbody>
88 </table>
89 </div>
90 </div>
75 office 91 </div>
5 office 92  
93 </div> <!-- /container -->
94  
10 office 95 <div id="footer">
96 <div class="container">
71 office 97 <p class="text-muted credit text-center">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p>
10 office 98 </div>
99 </div>
5 office 100  
58 office 101 <!-- jQuery -->
102 <script src="bower_components/jquery/dist/jquery.min.js"></script>
75 office 103 <!-- Angular JS -->
104 <script src="bower_components/angular/angular.min.js"></script>
58 office 105 <!-- BootStrap -->
106 <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
71 office 107 <!-- SoundJS -->
108 <script src="bower_components/SoundJS/lib/soundjs-NEXT.combined.js"></script>
75 office 109 <!-- YAML -->
110 <script src="bower_components/yaml.js/dist/yaml.min.js"></script>
111 <script>
112 var app = angular.module('scratch', []);
113 app.controller('scratch-control', function($scope, $http) {
114 $http.get('config.yaml').then((response) => {
115 var doc = YAML.parse(response.data);
116 $scope.extensions = doc.ALLOWED_FILE_EXTENSIONS;
76 office 117 $scope.uploadlimit = doc.ALLOWED_ASSET_SIZE;
75 office 118 });
119 });
120 </script>
71 office 121 <!-- Jumbotron parallax effect -->
68 office 122 <script>
123 var jumboHeight = $('.jumbotron').outerHeight();
124 function parallax(){
125 var scrolled = $(window).scrollTop();
126 $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px');
127 }
128  
129 $(window).scroll(function(e){
130 parallax();
131 });
132 </script>
75 office 133 <!-- Hiss sounds -->
71 office 134 <script>
135 $(document).ready(() => {
136 if (!createjs.Sound.initializeDefaultPlugins() ||
137 createjs.BrowserDetect.isIOS ||
138 createjs.BrowserDetect.isAndroid ||
139 createjs.BrowserDetect.isBlackberry)
140 return;
141  
142 const hiss = [
143 "snd/hisses/hiss_1.mp3",
144 "snd/hisses/hiss_2.mp3",
145 "snd/hisses/hiss_3.mp3",
146 "snd/hisses/hiss_4.mp3",
147 "snd/hisses/hiss_5.mp3",
148 "snd/hisses/hiss_6.mp3",
149 "snd/hisses/hiss_7.mp3",
150 "snd/hisses/hiss_8.mp3",
151 "snd/hisses/hiss_9.mp3",
152 "snd/hisses/hiss_10.mp3",
153 ];
154  
155 createjs.Sound.onLoadComplete =
156 (event) => createjs.Sound.play(event.src);
157 createjs.Sound.addEventListener("fileload",
158 (event) => createjs.Sound.play(event.src));
159 createjs.Sound.registerSound(
160 hiss[~~(Math.random() * hiss.length)]
161 );
162 });
163 </script>
5 office 164 </body>
165 </html>