scratch – Blame information for rev 75
?pathlinks?
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 | |
40 | |||
64 | office | 41 | <div class="row"> |
42 | <h2>About</h2> |
||
75 | office | 43 | <p><strong>scratch</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> |
44 | <!-- <p><a class="btn btn-default" href="#" role="button">View details »</a></p> --> |
||
42 | office | 45 | </div> |
75 | office | 46 | <div class="row" ng-app="scratch" ng-controller="scratch-control" > |
47 | <h2>Configuration</h2> |
||
48 | <p>The <strong>scratch</strong> platform can</p> |
||
49 | <h3>Allowed Files</h3> |
||
50 | The following files, expressed as file extensions: <div ng-repeat="extension in extensions"><span id="box">{{extension}}</span></div> are currently accepted for uploading. |
||
51 | </div> |
||
5 | office | 52 | |
53 | </div> <!-- /container --> |
||
54 | |||
10 | office | 55 | <div id="footer"> |
56 | <div class="container"> |
||
71 | office | 57 | <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 | 58 | </div> |
59 | </div> |
||
5 | office | 60 | |
58 | office | 61 | <!-- jQuery --> |
62 | <script src="bower_components/jquery/dist/jquery.min.js"></script> |
||
75 | office | 63 | <!-- Angular JS --> |
64 | <script src="bower_components/angular/angular.min.js"></script> |
||
58 | office | 65 | <!-- BootStrap --> |
66 | <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> |
||
71 | office | 67 | <!-- SoundJS --> |
68 | <script src="bower_components/SoundJS/lib/soundjs-NEXT.combined.js"></script> |
||
75 | office | 69 | <!-- YAML --> |
70 | <script src="bower_components/yaml.js/dist/yaml.min.js"></script> |
||
71 | <script> |
||
72 | var app = angular.module('scratch', []); |
||
73 | app.controller('scratch-control', function($scope, $http) { |
||
74 | $http.get('config.yaml').then((response) => { |
||
75 | var doc = YAML.parse(response.data); |
||
76 | //alert(JSON.stringify(doc)); |
||
77 | $scope.extensions = doc.ALLOWED_FILE_EXTENSIONS; |
||
78 | }); |
||
79 | }); |
||
80 | </script> |
||
71 | office | 81 | <!-- Jumbotron parallax effect --> |
68 | office | 82 | <script> |
83 | var jumboHeight = $('.jumbotron').outerHeight(); |
||
84 | function parallax(){ |
||
85 | var scrolled = $(window).scrollTop(); |
||
86 | $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
||
87 | } |
||
88 | |||
89 | $(window).scroll(function(e){ |
||
90 | parallax(); |
||
91 | }); |
||
92 | </script> |
||
75 | office | 93 | <!-- Hiss sounds --> |
71 | office | 94 | <script> |
95 | $(document).ready(() => { |
||
96 | if (!createjs.Sound.initializeDefaultPlugins() || |
||
97 | createjs.BrowserDetect.isIOS || |
||
98 | createjs.BrowserDetect.isAndroid || |
||
99 | createjs.BrowserDetect.isBlackberry) |
||
100 | return; |
||
101 | |||
102 | const hiss = [ |
||
103 | "snd/hisses/hiss_1.mp3", |
||
104 | "snd/hisses/hiss_2.mp3", |
||
105 | "snd/hisses/hiss_3.mp3", |
||
106 | "snd/hisses/hiss_4.mp3", |
||
107 | "snd/hisses/hiss_5.mp3", |
||
108 | "snd/hisses/hiss_6.mp3", |
||
109 | "snd/hisses/hiss_7.mp3", |
||
110 | "snd/hisses/hiss_8.mp3", |
||
111 | "snd/hisses/hiss_9.mp3", |
||
112 | "snd/hisses/hiss_10.mp3", |
||
113 | ]; |
||
114 | |||
115 | createjs.Sound.onLoadComplete = |
||
116 | (event) => createjs.Sound.play(event.src); |
||
117 | createjs.Sound.addEventListener("fileload", |
||
118 | (event) => createjs.Sound.play(event.src)); |
||
119 | createjs.Sound.registerSound( |
||
120 | hiss[~~(Math.random() * hiss.length)] |
||
121 | ); |
||
122 | }); |
||
123 | </script> |
||
5 | office | 124 | </body> |
125 | </html> |