modifiche stile e cambio cartella letta da arkiwi

This commit is contained in:
cri 2015-09-12 20:14:53 +02:00
parent 1a4b53d3a8
commit f6e082a268
4 changed files with 98 additions and 74 deletions

View file

@ -1,63 +1,64 @@
<!doctype html>
<!--[if lt IE 7]>
<html class = "no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class = "no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class = "no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>arkiwiJsBoilerplate</title>
<meta name="description" content="Arkiwi JS Boilerplate">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<!--[if lt IE 10]>
<p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
<a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header>
<h1>App Generated <small>with the html5 app generator</small></h1>
<p>Now go develop</p>
</header>
</div>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/mustache/mustache.js"></script>
<script src="../bower_components/bower-parseuri/parseuri.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script src="scripts/arkiwi.js"></script>
<script src="scripts/main.js"></script>
</body>
<div class="container-fluid" id="list" ><div class="row"></div></div>
</html>
<!doctype html>
<!--[if lt IE 7]>
<html class = "no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class = "no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class = "no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>arkiwiJsBoilerplate</title>
<meta name="description" content="Arkiwi JS Boilerplate">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- Latest compiled and minified CSS -->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
<!-- Optional theme -->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
<!-- Latest compiled and minified JavaScript -->
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
</head>
<body>
<!--[if lt IE 10]>
<p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
<a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header>
<h1>App Generated <small>with the html5 app generator</small></h1>
<p>Now go develop</p>
</header>
</div>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/mustache/mustache.js"></script>
<script src="bower_components/bower-parseuri/parseuri.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script src="scripts/arkiwi.js"></script>
<script src="scripts/main.js"></script>
</body>
<div class="container-fluid" id="list" ><div class="row"></div></div>
</html>

View file

@ -13,10 +13,10 @@
This file is the main entry point for js on the arkiwiJsBoilerplate app.
--------------------------------------------------------------------------------------------------------------------- */
$(document).ready(function () {
var arkiwi = new ARKIWI.Arkiwi('http://www.arkiwi.org');
var arkiwi = new ARKIWI.Arkiwi('http://www.arkiwi.org', 'http://upload.arkiwi.org');
$.get("templates/list.txt", function (template) {
arkiwi.path("XM24", function (listone) {
arkiwi.path("XM24/Occupy_Mordor", function (listone) {
var dioporco = Mustache.render(template, listone);
$(".row").append(dioporco);
},true);
@ -37,7 +37,7 @@ arkiwi.search('Ampioraggio', function (result) {
});
arkiwi.path('XM24', function (result) {
arkiwi.path('XM24/Occupy_Mordor', function (result) {
console.log('Lettura cartella...');
console.log(result);
}, true);

View file

@ -1,7 +1,7 @@
/*------------------------------------------------------------------------------------------------------------------------
@package: arkiwiJsBoilerplate
@author: cek
@author: cris
@www: arkiwi.oeg
@copyright: COPYRIGHT 18 cek
@ -10,5 +10,21 @@
=============================================================================
Filename: main.css
=============================================================================
This file is responsible for all styles on the arkiwiJsBoilerplate app.
--------------------------------------------------------------------------------------------------------------------- */
This file is responsible for all styles on the arkiwiJsBoilerplate app.
palette:
http://paletton.com/#uid=70f0u0ksXsOhL-cmHuduim--whE
--------------------------------------------------------------------------------------------------------------------- */
.embed-iframe{
width:100%;
min-width:100%;
height:auto;
}
audio {
background-color: #E65116 !important;
border-radius: 6px;
height: 35px;
opacity: 1;
z-index: 99;
}

View file

@ -1,18 +1,25 @@
{{#items}}
<div class="col-sm-6 col-md-4">
ciao
<!--div class="col-sm-6 col-md-4">
<div class="thumbnail">
<h3><a href='/hack/path64/{{item.URI}}/'>{{item.title}}</a></h3>
<h4>{{#item.creator}}</h4><small>by: <i>{{item.creator}}</i></small>{{/item.creator}}
<img src="..." alt="...">
{{#item.player}}
<p><iframe style="display:none;" frameBorder='0' seamless='seamless' width='{{width}}' height='{{height}}' src='{{url}}'></iframe></p>
<iframe class="embed-iframe" frameBorder='0' seamless='seamless' src='{{url}}'></iframe>
{{/item.player}}
<div class="caption">
<p><i>{{item.description}}</i></p>
<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
<p>
<a href='/hack/path64/{{item.URI}}/' role="button" class="btn btn-primary">
<img title="Download" alt="[Download]" src="http://arkiwi.org/arav_icons/download_icon.png">
</a>
<a href="#" >Button</a>
<a href="#" class="btn btn-default" role="button">Button</a></p>
</div>
</div>
</div>
</div-->
{{/items}}
<!--bootstrapt solution##<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item " frameBorder='0' seamless='seamless' src='{{url}}'></iframe></div>##width='{{width}}' height='{{height}}'-->