scratch – Diff between revs 125 and 137
?pathlinks?
Rev 125 | Rev 137 | |||
---|---|---|---|---|
Line 24... | Line 24... | |||
24 | <ng-include src="'html/scratch-head-last.html'"></ng-include> |
24 | <ng-include src="'html/scratch-head-last.html'"></ng-include> |
|
25 | </head> |
25 | </head> |
|
Line 26... | Line 26... | |||
26 | |
26 | |
|
27 | <body> |
27 | <body> |
|
28 | <!-- Include first body content --> |
- | ||
29 | <!-- <div id="scratch-body-first"></div> --> |
28 | <!-- Include first body content --> |
|
Line 30... | Line 29... | |||
30 | <ng-include src="'html/scratch-body-first.html'"></ng-include> |
29 | <ng-include src="'html/scratch-body-first.html'"></ng-include> |
|
31 | |
30 | |
|
32 | <!-- Main component for a primary marketing message or call to action --> |
31 | <!-- Main component for a primary marketing message or call to action --> |
|
Line 48... | Line 47... | |||
48 | <li><a href="draw.html">Draw</a></li> |
47 | <li><a href="draw.html">Draw</a></li> |
|
49 | <li><a href="link.html">Link</a></li> |
48 | <li><a href="link.html">Link</a></li> |
|
50 | <li><a href="view.html">View</a></li> |
49 | <li><a href="view.html">View</a></li> |
|
51 | </ul> |
50 | </ul> |
|
Line 52... | Line -... | |||
52 | |
- | ||
53 | <div class="row"> |
- | ||
54 | <h2>About</h2> |
- | ||
55 | <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> |
- | ||
56 | </div> |
- | ||
57 | |
51 | |
|
58 | <div class="row" ng-app="scratch" ng-controller="scratch-control"> |
- | ||
59 | <h2>Configuration</h2> |
- | ||
60 | <div class="panel panel-default"> |
- | ||
61 | <!-- Default panel contents --> |
52 | <div class="row" ng-app="scratch" ng-controller="scratch-control"> |
|
62 | <div class="panel-heading">Current Configuration Settings</div> |
- | ||
63 | <div class="panel-body"> |
- | ||
64 | <!-- Table --> |
- | ||
65 | <table class="table table-striped table-hover table-condensed table-responsive"> |
- | ||
66 | <thead> |
- | ||
67 | <tr> |
- | ||
68 | <th> |
- | ||
69 | Description |
- | ||
70 | </th> |
- | ||
71 | <th> |
- | ||
72 | Limit |
- | ||
73 | </th> |
- | ||
74 | </tr> |
- | ||
75 | </thead> |
- | ||
76 | <tbody> |
- | ||
77 | <tr> |
- | ||
78 | <td> |
- | ||
79 | File extensions accepted for upload. |
- | ||
80 | </td> |
- | ||
81 | <td> |
- | ||
82 | <span ng-repeat="extension in extensions" id="box">{{extension}} </span> |
- | ||
83 | </td> |
- | ||
84 | </tr> |
- | ||
85 | <tr> |
- | ||
86 | <td> |
- | ||
87 | Allowed file size upload limit. |
- | ||
88 | </td> |
- | ||
89 | <td> |
- | ||
90 | <p>{{uploadlimit}}MiB</p> |
- | ||
91 | </td> |
- | ||
92 | </tr> |
- | ||
93 | </tbody> |
- | ||
94 | </table> |
- | ||
95 | </div> |
- | ||
96 | </div> |
53 | <ng-include src="'html/scratch-home.html'"></ng-include> |
|
Line 97... | Line 54... | |||
97 | </div> |
54 | </div> |
|
Line 98... | Line 55... | |||
98 | |
55 | |
|
Line 117... | Line 74... | |||
117 | <!-- YAML --> |
74 | <!-- YAML --> |
|
118 | <script src="bower_components/yaml.js/dist/yaml.min.js"></script> |
75 | <script src="bower_components/yaml.js/dist/yaml.min.js"></script> |
|
119 | <!-- js-cookie --> |
76 | <!-- js-cookie --> |
|
120 | <script src="bower_components/js-cookie/src/js.cookie.js"></script> |
77 | <script src="bower_components/js-cookie/src/js.cookie.js"></script> |
|
121 | <script> |
78 | <script> |
|
122 | var app = angular.module('scratch', []); |
79 | const app = angular.module('scratch', []); |
|
123 | app.controller('scratch-control', function($scope, $http) { |
80 | app.controller('scratch-control', function($scope, $http) { |
|
124 | $http.get('config.yaml').then((response) => { |
81 | $http.get('config.yaml').then((response) => { |
|
125 | var doc = YAML.parse(response.data); |
82 | var doc = YAML.parse(response.data); |
|
126 | $scope.extensions = doc.ALLOWED_FILE_EXTENSIONS; |
83 | $scope.extensions = doc.ALLOWED_FILE_EXTENSIONS; |
|
127 | $scope.uploadlimit = doc.ALLOWED_ASSET_SIZE; |
84 | $scope.uploadlimit = doc.ALLOWED_ASSET_SIZE; |
|
128 | }); |
85 | }); |
|
129 | }); |
86 | }); |
|
130 | </script> |
87 | </script> |
|
131 | <!-- Jumbotron parallax effect --> |
88 | <!-- Jumbotron parallax effect --> |
|
132 | <script> |
89 | <script> |
|
133 | var jumboHeight = $('.jumbotron').outerHeight(); |
90 | var jumboHeight = $('.jumbotron').outerHeight(); |