Refactoring, auslagerung der Spielsets, dynamisches CSS
This commit is contained in:
Hilmer, Carsten
parent
e49b4cd9e1
commit
f3b54198dd
@ -1,15 +1,5 @@
|
|||||||
/* Empty. Add your own CSS if you like
|
|
||||||
.scroll-content {
|
.scroll-content {
|
||||||
background: url("../img/background.svg") no-repeat center center fixed;
|
background: url("../img/Background/background.svg");
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
.scroll-content {
|
|
||||||
/*background: url("../img/Background/background.svg");*/
|
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
color: #333;
|
color: #333;
|
||||||
font: 100% Arial, Sans Serif;
|
font: 100% Arial, Sans Serif;
|
||||||
@ -19,21 +9,6 @@
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.scroll-content {
|
|
||||||
background: url("../img/background.svg");
|
|
||||||
-webkit-animation: backgroundScroll 50s linear infinite;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
animation: backgroundScroll 50s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes backgroundScroll {
|
|
||||||
from {background-position: 0 0;}
|
|
||||||
to {background-position: -2000px 0;}
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
.baumhaus {
|
.baumhaus {
|
||||||
background: url("../img/Background/treehouse.svg");
|
background: url("../img/Background/treehouse.svg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@ -87,19 +62,12 @@ to {background-position: -2000px 0;}
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tierbilder groessen */
|
/* Bild groessen */
|
||||||
.imagesizebig{
|
.suchspielbuttonsizebig{
|
||||||
width:128px;
|
width:128px;
|
||||||
height:128px;
|
height:128px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.imagesizemedium{
|
|
||||||
width:96px;
|
|
||||||
height:96px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.gras {
|
.gras {
|
||||||
background: url("../img/Background/Grasbuechel.svg");
|
background: url("../img/Background/Grasbuechel.svg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@ -109,133 +77,6 @@ to {background-position: -2000px 0;}
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.statusbar{
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 64px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.myborder{
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 6px;
|
|
||||||
color: black;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: black;
|
|
||||||
border-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.neon {
|
|
||||||
font-family: sans-serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 60px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
letter-spacing: .1em;
|
|
||||||
color: white;
|
|
||||||
text-shadow: 0 0 5px white,
|
|
||||||
0 0 10px white,
|
|
||||||
0 0 20px yellow,
|
|
||||||
0 0 40px yellow,
|
|
||||||
0 0 60px yellow,
|
|
||||||
0 0 90px yellow,
|
|
||||||
0 0 120px yellow,
|
|
||||||
0 0 160px yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.spieltimer {
|
|
||||||
font-family: sans-serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 40px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
letter-spacing: .1em;
|
|
||||||
color: white;
|
|
||||||
text-shadow: 0 0 5px white,
|
|
||||||
0 0 10px white,
|
|
||||||
0 0 20px yellow,
|
|
||||||
0 0 40px yellow,
|
|
||||||
0 0 60px yellow,
|
|
||||||
0 0 90px yellow,
|
|
||||||
0 0 120px yellow,
|
|
||||||
0 0 160px yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.spieltimerdiv {
|
|
||||||
position: absolute;
|
|
||||||
bottom:0px;
|
|
||||||
left:0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.punktestand {
|
|
||||||
position: absolute;
|
|
||||||
bottom:-15px;
|
|
||||||
right:0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
font-family: sans-serif;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: italic;
|
|
||||||
letter-spacing: .1em;
|
|
||||||
color:white;
|
|
||||||
text-align: right;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.redborder{
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 6px;
|
|
||||||
color: black;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: red;
|
|
||||||
border-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.mentorhilfe {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url('../img/Mentor/mentorhelp_64px.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentorborder {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url('../img/Mentor/mentorhelp_64px.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentor {
|
|
||||||
width: 64px;
|
|
||||||
height: 640px;
|
|
||||||
background: url('../img/Mentor/mentor_64px.png') left center;
|
|
||||||
-webkit-animation: mentorsprite 4s steps(10) infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes mentorsprite {
|
|
||||||
100% { background-position: 0 -640px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.baumhausaction {
|
.baumhausaction {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100px;
|
top: 100px;
|
||||||
@ -266,29 +107,6 @@ to {background-position: -2000px 0;}
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.mentorborderbravo {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 256px;
|
|
||||||
height: 256px;
|
|
||||||
margin-left: -128px;
|
|
||||||
margin-top: -128px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentorbravo {
|
|
||||||
width: 256px;
|
|
||||||
height: 1024px;
|
|
||||||
background: url('../img/Mentor/mentor_bravo.png') left center;
|
|
||||||
-webkit-animation: mentorspritebravo 2.8s steps(4) infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes mentorspritebravo {
|
|
||||||
100% { background-position: 0 -1024px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#background-wrap {
|
#background-wrap {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -359,29 +177,6 @@ to {background-position: -2000px 0;}
|
|||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
.x4 {
|
|
||||||
-webkit-animation: animateCloud 18s linear infinite;
|
|
||||||
-moz-animation: animateCloud 18s linear infinite;
|
|
||||||
animation: animateCloud 18s linear infinite;
|
|
||||||
|
|
||||||
-webkit-transform: scale(0.4);
|
|
||||||
-moz-transform: scale(0.4);
|
|
||||||
transform: scale(0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.x5 {
|
|
||||||
-webkit-animation: animateCloud 25s linear infinite;
|
|
||||||
-moz-animation: animateCloud 25s linear infinite;
|
|
||||||
animation: animateCloud 25s linear infinite;
|
|
||||||
|
|
||||||
-webkit-transform: scale(0.55);
|
|
||||||
-moz-transform: scale(0.55);
|
|
||||||
transform: scale(0.55);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
/* OBJECTS */
|
|
||||||
|
|
||||||
.ufo {
|
.ufo {
|
||||||
background: url('../img/ufo.png');
|
background: url('../img/ufo.png');
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -17,8 +17,6 @@
|
|||||||
</script>-->
|
</script>-->
|
||||||
|
|
||||||
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
|
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
|
||||||
<link href="css/style.css" rel="stylesheet">
|
|
||||||
<link href="spielsets/minispielset1/css/minispiel.css" rel="stylesheet">
|
|
||||||
<link href="css/animate.css" rel="stylesheet">
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
<link href="css/animations.css" rel="stylesheet">
|
<link href="css/animations.css" rel="stylesheet">
|
||||||
<link href="css/magic.css" rel="stylesheet">
|
<link href="css/magic.css" rel="stylesheet">
|
||||||
@ -42,27 +40,14 @@
|
|||||||
<!-- your app's js -->
|
<!-- your app's js -->
|
||||||
<script src="js/app.js"></script>
|
<script src="js/app.js"></script>
|
||||||
<script src="js/controllers.js"></script>
|
<script src="js/controllers.js"></script>
|
||||||
<script src="js/home_controller.js"></script>
|
|
||||||
<script src="js/suchspiel_controller.js"></script>
|
|
||||||
<script src="js/minispiel1_controller.js"></script>
|
|
||||||
<script src="js/services.js"></script>
|
<script src="js/services.js"></script>
|
||||||
|
|
||||||
|
<script src="js/home_controller.js"></script>
|
||||||
|
<script src="spielsets/spielset1/js/suchspiel_controller.js"></script>
|
||||||
|
<script src="spielsets/minispielset1/js/minispiel1_controller.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body ng-app="kinderspiel">
|
<body ng-app="kinderspiel">
|
||||||
|
|
||||||
<!-- Dynamisches Hintergrundbild -->
|
|
||||||
<style type="text/css">
|
|
||||||
.scroll-content {
|
|
||||||
background: url("{{ backgroundimage }}");
|
|
||||||
background-size: cover;
|
|
||||||
color: #333;
|
|
||||||
font: 100% Arial, Sans Serif;
|
|
||||||
height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<ion-nav-view></ion-nav-view>
|
<ion-nav-view></ion-nav-view>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -17,7 +17,7 @@ window.globalVariable = {
|
|||||||
// angular.module is a global place for creating, registering and retrieving Angular modules
|
// angular.module is a global place for creating, registering and retrieving Angular modules
|
||||||
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
|
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
|
||||||
// the 2nd parameter is an array of 'requires'
|
// the 2nd parameter is an array of 'requires'
|
||||||
angular.module('kinderspiel', ['ionic', 'ngCordova','ngAnimate', 'ngDraggable', 'mn', 'kinderspiel.controllers', 'kinderspiel.services'])
|
angular.module('kinderspiel', ['ionic', 'ngCordova','ngAnimate', 'ngDraggable', 'mn', 'angularCSS', 'kinderspiel.controllers', 'kinderspiel.services'])
|
||||||
|
|
||||||
.run(function($ionicPlatform, $rootScope, $state, backgroundsounds_mediahandler) {
|
.run(function($ionicPlatform, $rootScope, $state, backgroundsounds_mediahandler) {
|
||||||
|
|
||||||
@ -115,20 +115,23 @@ angular.module('kinderspiel', ['ionic', 'ngCordova','ngAnimate', 'ngDraggable',
|
|||||||
url: '/home',
|
url: '/home',
|
||||||
abstract: false,
|
abstract: false,
|
||||||
templateUrl: 'templates/home.html',
|
templateUrl: 'templates/home.html',
|
||||||
|
css: 'css/style.css',
|
||||||
controller: 'home',
|
controller: 'home',
|
||||||
reload: true
|
reload: true
|
||||||
})
|
})
|
||||||
.state('suchspiel', {
|
.state('suchspiel', {
|
||||||
url: '/suchspiel',
|
url: '/suchspiel',
|
||||||
cache: false,
|
cache: false,
|
||||||
templateUrl: 'templates/suchspiel.html',
|
templateUrl: 'spielsets/spielset1/templates/suchspiel.html',
|
||||||
|
css: 'spielsets/spielset1/css/spielset.css',
|
||||||
controller: 'Suchspiel',
|
controller: 'Suchspiel',
|
||||||
reload: true
|
reload: true
|
||||||
})
|
})
|
||||||
.state('minispiel1', {
|
.state('minispiel1', {
|
||||||
url: '/minispiel1',
|
url: '/minispiel1',
|
||||||
cache: false,
|
cache: false,
|
||||||
templateUrl: 'templates/minispiel1.html',
|
templateUrl: 'spielsets/minispielset1/templates/minispiel1.html',
|
||||||
|
css: 'spielsets/minispielset1/css/minispiel.css',
|
||||||
controller: 'Minispiel1',
|
controller: 'Minispiel1',
|
||||||
reload: true
|
reload: true
|
||||||
})
|
})
|
||||||
|
|||||||
@ -1,3 +1,15 @@
|
|||||||
|
/* Hintergrundbild */
|
||||||
|
.scroll-content {
|
||||||
|
background: url("../images/background.png");
|
||||||
|
background-size: cover;
|
||||||
|
color: #333;
|
||||||
|
font: 100% Arial, Sans Serif;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.teddy {
|
.teddy {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|||||||
@ -19,7 +19,7 @@ $scope.$on("$ionicView.beforeEnter", function(event, data){
|
|||||||
/*
|
/*
|
||||||
* Hintergrundbild setzen
|
* Hintergrundbild setzen
|
||||||
*/
|
*/
|
||||||
$rootScope.backgroundimage = "spielsets/minispielset1/images/background.png";
|
//$rootScope.backgroundimage = "spielsets/minispielset1/images/background.png";
|
||||||
});
|
});
|
||||||
|
|
||||||
$ionicPlatform.ready(function() {
|
$ionicPlatform.ready(function() {
|
||||||
@ -0,0 +1,174 @@
|
|||||||
|
/* Hingrundbild */
|
||||||
|
.scroll-content {
|
||||||
|
background: url("../images/background.svg");
|
||||||
|
background-size: cover;
|
||||||
|
color: #333;
|
||||||
|
font: 100% Arial, Sans Serif;
|
||||||
|
height: 100vh;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bildgrößen für Tierkarten */
|
||||||
|
.imagesizebig{
|
||||||
|
width:128px;
|
||||||
|
height:128px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imagesizemedium{
|
||||||
|
width:96px;
|
||||||
|
height:96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Runder Rahmen für Tierkarten*/
|
||||||
|
.myborder{
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: black;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: black;
|
||||||
|
border-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Rahmen für Elemente am unteren Rand, Mentorenhilfe, timer, Punkte */
|
||||||
|
.statusbar{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 64px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Neon Effekt für Spieltimer */
|
||||||
|
.neon {
|
||||||
|
font-family: sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 60px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 0 0 5px white,
|
||||||
|
0 0 10px white,
|
||||||
|
0 0 20px yellow,
|
||||||
|
0 0 40px yellow,
|
||||||
|
0 0 60px yellow,
|
||||||
|
0 0 90px yellow,
|
||||||
|
0 0 120px yellow,
|
||||||
|
0 0 160px yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spieltimer {
|
||||||
|
font-family: sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 0 0 5px white,
|
||||||
|
0 0 10px white,
|
||||||
|
0 0 20px yellow,
|
||||||
|
0 0 40px yellow,
|
||||||
|
0 0 60px yellow,
|
||||||
|
0 0 90px yellow,
|
||||||
|
0 0 120px yellow,
|
||||||
|
0 0 160px yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.spieltimerdiv {
|
||||||
|
position: absolute;
|
||||||
|
bottom:0px;
|
||||||
|
left:0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.punktestand {
|
||||||
|
position: absolute;
|
||||||
|
bottom:-15px;
|
||||||
|
right:0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
font-family: sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: italic;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
color:white;
|
||||||
|
text-align: right;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Roter Rahmen für Spielauflösung, noch ungenutzt */
|
||||||
|
.redborder{
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: black;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: red;
|
||||||
|
border-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Standbild-Mentor in Statusbar */
|
||||||
|
.mentorhilfe {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url('../images/Mentor/mentorhelp_64px.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animierter-Mentor in Statusbar */
|
||||||
|
.mentorborder {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url('../images/Mentor/mentorhelp_64px.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.mentor {
|
||||||
|
width: 64px;
|
||||||
|
height: 640px;
|
||||||
|
background: url('../images/Mentor/mentor_64px.png') left center;
|
||||||
|
-webkit-animation: mentorsprite 4s steps(10) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes mentorsprite {
|
||||||
|
100% { background-position: 0 -640px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grosser Mentor bei Erfolg */
|
||||||
|
.mentorborderbravo {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 256px;
|
||||||
|
height: 256px;
|
||||||
|
margin-left: -128px;
|
||||||
|
margin-top: -128px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mentorbravo {
|
||||||
|
width: 256px;
|
||||||
|
height: 1024px;
|
||||||
|
background: url('../images/Mentor/mentor_bravo.png') left center;
|
||||||
|
-webkit-animation: mentorspritebravo 2.8s steps(4) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes mentorspritebravo {
|
||||||
|
100% { background-position: 0 -1024px; }
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
128
www/spielsets/spielset1/images/background.svg
Normal file
128
www/spielsets/spielset1/images/background.svg
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="210mm"
|
||||||
|
height="297mm"
|
||||||
|
viewBox="0 0 744.09448819 1052.3622047"
|
||||||
|
id="svg4021"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.91 r13725"
|
||||||
|
sodipodi:docname="background.svg">
|
||||||
|
<defs
|
||||||
|
id="defs4023">
|
||||||
|
<linearGradient
|
||||||
|
gradientTransform="matrix(3.8032858,0,0,0.77174164,-155.41265,-12.679476)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
y2="636.91669"
|
||||||
|
x2="621.36121"
|
||||||
|
y1="-122.33332"
|
||||||
|
x1="334.75"
|
||||||
|
id="linearGradient4046"
|
||||||
|
xlink:href="#linearGradient4040"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient4040"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
id="stop4042"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#aad8e9;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
id="stop4044"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.35"
|
||||||
|
inkscape:cx="375"
|
||||||
|
inkscape:cy="520"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1137"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1" />
|
||||||
|
<metadata
|
||||||
|
id="metadata4026">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Ebene 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1">
|
||||||
|
<rect
|
||||||
|
style="fill:url(#linearGradient4046);fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||||
|
id="rect4558"
|
||||||
|
width="2367.9683"
|
||||||
|
height="487.22635"
|
||||||
|
x="-155.41281"
|
||||||
|
y="-12.679498"
|
||||||
|
inkscape:export-xdpi="58.214043"
|
||||||
|
inkscape:export-ydpi="58.214043"
|
||||||
|
inkscape:export-filename="/home/katie/Desktop/p.png" />
|
||||||
|
<path
|
||||||
|
style="fill:#677645;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||||
|
d="m 2222.75,354.07773 -628.259,8.03436 c -26.1403,-22.74649 -121.7031,-61.15076 -147.8431,-54.26537 -230.9826,22.15345 -184.6424,-5.85696 -274.4721,-9.23602 L 907.14704,338.51711 706.36879,328.94567 C 557.70297,330.65354 402.43976,370.4726 270.29712,365.99832 69.660116,363.86404 -106.4784,310.87517 -182.74999,354.07773 l 0,112.03601 2405.49999,0 z"
|
||||||
|
id="rect4558-3"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="ccccccccccc" />
|
||||||
|
<g
|
||||||
|
id="g4067"
|
||||||
|
transform="translate(-682.85714,-537.14286)">
|
||||||
|
<g
|
||||||
|
id="g4088"
|
||||||
|
transform="matrix(1.9664511,0,0,1,-258.34973,-580)">
|
||||||
|
<rect
|
||||||
|
y="1495.0988"
|
||||||
|
x="1229.488"
|
||||||
|
height="100.69444"
|
||||||
|
width="504.16669"
|
||||||
|
id="use3271"
|
||||||
|
style="fill:#608e13;fill-opacity:1;fill-rule:evenodd;stroke:none" />
|
||||||
|
<path
|
||||||
|
style="fill:#608e13;fill-opacity:1;fill-rule:evenodd"
|
||||||
|
d="m 1303.7659,1444.0601 c 46.7067,12.2502 90.5176,41.1373 135.3792,63.1422 15.6583,12.2847 25.0443,54.0822 6.4693,69.2049 -55.4562,27.6211 -114.6874,26.2085 -172.345,30.9185 -61.1747,4.7099 -122.6055,3.4347 -183.4185,-8.4438 -37.2042,-6.5888 -74.24,-15.3518 -111.11645,-25.2452 -26.63954,-14.1277 -8.21459,-63.3717 10.74343,-73.7973 32.41822,-30.0365 71.61202,-31.9255 106.74272,-51.2066 46.0755,-21.0942 94.8281,-36.2878 142.9223,-23.2028 21.7211,4.6808 43.1039,12.2602 64.623,18.6301 z"
|
||||||
|
id="path3-8-5"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:#608e13;fill-opacity:1;fill-rule:evenodd"
|
||||||
|
d="m 1009.352,1466.9908 c 45.794,10.2347 88.7488,34.3689 132.7337,52.7532 15.3524,10.2635 24.555,45.1838 6.343,57.8183 -54.3726,23.0765 -112.4464,21.8963 -168.97735,25.8313 -59.97932,3.935 -120.20966,2.8696 -179.83433,-7.0544 -36.47723,-5.5048 -72.78935,-12.826 -108.94524,-21.0915 -26.11898,-11.8032 -8.05407,-52.9449 10.5335,-61.6552 31.78479,-25.0944 70.21268,-26.6726 104.65693,-42.7813 45.17515,-17.6234 92.97508,-30.3172 140.12948,-19.3851 21.2967,3.9106 42.2617,10.2429 63.36031,15.5647 z"
|
||||||
|
id="path3-8"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<rect
|
||||||
|
style="fill:#608e13;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||||
|
id="rect3276"
|
||||||
|
width="504.16669"
|
||||||
|
height="100.69444"
|
||||||
|
x="323.4881"
|
||||||
|
y="1495.0988" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 5.0 KiB |
@ -57,7 +57,7 @@ $scope.$on("$ionicView.beforeEnter", function(event, data){
|
|||||||
/*
|
/*
|
||||||
* Hintergrundbild setzen
|
* Hintergrundbild setzen
|
||||||
*/
|
*/
|
||||||
$rootScope.backgroundimage = "img/Background/background.svg";
|
//$rootScope.backgroundimage = "img/Background/background.svg";
|
||||||
});
|
});
|
||||||
|
|
||||||
$ionicPlatform.ready(function() {
|
$ionicPlatform.ready(function() {
|
||||||
@ -1,18 +1,18 @@
|
|||||||
[
|
[
|
||||||
{"id": 0, "bild": "spielsets/spielset1/images/Affe.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_affe.mp3", "display": false, "einblendecssid": "card1ein", "ausblendecssid": "card1aus", "sortid": 0},
|
{"id": 0, "bild": "spielsets/spielset1/images/Tiere/Affe.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_affe.mp3", "display": false, "einblendecssid": "card1ein", "ausblendecssid": "card1aus", "sortid": 0},
|
||||||
{"id": 1, "bild": "spielsets/spielset1/images/Esel.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_esel.mp3", "display": false, "einblendecssid": "card2ein", "ausblendecssid": "card2aus", "sortid": 0},
|
{"id": 1, "bild": "spielsets/spielset1/images/Tiere/Esel.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_esel.mp3", "display": false, "einblendecssid": "card2ein", "ausblendecssid": "card2aus", "sortid": 0},
|
||||||
{"id": 2, "bild": "spielsets/spielset1/images/Hase.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_hase.mp3", "display": false, "einblendecssid": "card3ein", "ausblendecssid": "card3aus", "sortid": 0},
|
{"id": 2, "bild": "spielsets/spielset1/images/Tiere/Hase.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_hase.mp3", "display": false, "einblendecssid": "card3ein", "ausblendecssid": "card3aus", "sortid": 0},
|
||||||
{"id": 3, "bild": "spielsets/spielset1/images/Hund.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_hund.mp3", "display": false, "einblendecssid": "card4ein", "ausblendecssid": "card4aus", "sortid": 0},
|
{"id": 3, "bild": "spielsets/spielset1/images/Tiere/Hund.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_hund.mp3", "display": false, "einblendecssid": "card4ein", "ausblendecssid": "card4aus", "sortid": 0},
|
||||||
{"id": 4, "bild": "spielsets/spielset1/images/Kamel.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_kamel.mp3", "display": false, "einblendecssid": "card5ein", "ausblendecssid": "card5aus", "sortid": 0},
|
{"id": 4, "bild": "spielsets/spielset1/images/Tiere/Kamel.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_kamel.mp3", "display": false, "einblendecssid": "card5ein", "ausblendecssid": "card5aus", "sortid": 0},
|
||||||
{"id": 5, "bild": "spielsets/spielset1/images/Katze.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_katze.mp3", "display": false, "einblendecssid": "card6ein", "ausblendecssid": "card6aus", "sortid": 0},
|
{"id": 5, "bild": "spielsets/spielset1/images/Tiere/Katze.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_katze.mp3", "display": false, "einblendecssid": "card6ein", "ausblendecssid": "card6aus", "sortid": 0},
|
||||||
{"id": 6, "bild": "spielsets/spielset1/images/Krokodil.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_krokodil.mp3", "display": false, "einblendecssid": "card7ein", "ausblendecssid": "card7aus", "sortid": 0},
|
{"id": 6, "bild": "spielsets/spielset1/images/Tiere/Krokodil.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_krokodil.mp3", "display": false, "einblendecssid": "card7ein", "ausblendecssid": "card7aus", "sortid": 0},
|
||||||
{"id": 7, "bild": "spielsets/spielset1/images/Kuh.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_kuh.mp3", "display": false, "einblendecssid": "card8ein", "ausblendecssid": "card8aus", "sortid": 0},
|
{"id": 7, "bild": "spielsets/spielset1/images/Tiere/Kuh.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_kuh.mp3", "display": false, "einblendecssid": "card8ein", "ausblendecssid": "card8aus", "sortid": 0},
|
||||||
{"id": 8, "bild": "spielsets/spielset1/images/Loewe.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_loewe.mp3", "display": false, "einblendecssid": "card9ein", "ausblendecssid": "card9aus", "sortid": 0},
|
{"id": 8, "bild": "spielsets/spielset1/images/Tiere/Loewe.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_loewe.mp3", "display": false, "einblendecssid": "card9ein", "ausblendecssid": "card9aus", "sortid": 0},
|
||||||
{"id": 9, "bild": "spielsets/spielset1/images/Maus.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_maus.mp3", "display": false, "einblendecssid": "card10ein", "ausblendecssid": "card10aus", "sortid": 0},
|
{"id": 9, "bild": "spielsets/spielset1/images/Tiere/Maus.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_maus.mp3", "display": false, "einblendecssid": "card10ein", "ausblendecssid": "card10aus", "sortid": 0},
|
||||||
{"id": 10, "bild": "spielsets/spielset1/images/Nashorn.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_nashorn.mp3", "display": false, "einblendecssid": "card11ein", "ausblendecssid": "card11aus", "sortid": 0},
|
{"id": 10, "bild": "spielsets/spielset1/images/Tiere/Nashorn.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_nashorn.mp3", "display": false, "einblendecssid": "card11ein", "ausblendecssid": "card11aus", "sortid": 0},
|
||||||
{"id": 11, "bild": "spielsets/spielset1/images/Nilpferd.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_nilpferd.mp3", "display": false, "einblendecssid": "card12ein", "ausblendecssid": "card12aus", "sortid": 0},
|
{"id": 11, "bild": "spielsets/spielset1/images/Tiere/Nilpferd.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_nilpferd.mp3", "display": false, "einblendecssid": "card12ein", "ausblendecssid": "card12aus", "sortid": 0},
|
||||||
{"id": 12, "bild": "spielsets/spielset1/images/Schaf.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schaf.mp3", "display": false, "einblendecssid": "card13ein", "ausblendecssid": "card13aus", "sortid": 0},
|
{"id": 12, "bild": "spielsets/spielset1/images/Tiere/Schaf.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schaf.mp3", "display": false, "einblendecssid": "card13ein", "ausblendecssid": "card13aus", "sortid": 0},
|
||||||
{"id": 13, "bild": "spielsets/spielset1/images/Schildkroete.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schildkroete.mp3", "display": false, "einblendecssid": "card14ein", "ausblendecssid": "card14aus", "sortid": 0},
|
{"id": 13, "bild": "spielsets/spielset1/images/Tiere/Schildkroete.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schildkroete.mp3", "display": false, "einblendecssid": "card14ein", "ausblendecssid": "card14aus", "sortid": 0},
|
||||||
{"id": 14, "bild": "spielsets/spielset1/images/Schwein.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schwein.mp3", "display": false, "einblendecssid": "card15ein", "ausblendecssid": "card15aus", "sortid": 0},
|
{"id": 14, "bild": "spielsets/spielset1/images/Tiere/Schwein.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_schwein.mp3", "display": false, "einblendecssid": "card15ein", "ausblendecssid": "card15aus", "sortid": 0},
|
||||||
{"id": 15, "bild": "spielsets/spielset1/images/Stier.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_stier.mp3", "display": false, "einblendecssid": "card16ein", "ausblendecssid": "card16aus", "sortid": 0}
|
{"id": 15, "bild": "spielsets/spielset1/images/Tiere/Stier.png", "sound": "/android_asset/www/spielsets/spielset1/sounds/finde_stier.mp3", "display": false, "einblendecssid": "card16ein", "ausblendecssid": "card16aus", "sortid": 0}
|
||||||
]
|
]
|
||||||
@ -2,7 +2,7 @@
|
|||||||
<ion-content class="padding">
|
<ion-content class="padding">
|
||||||
|
|
||||||
<div class="suchspielbutton" ng-click="suchspiel_intro()" ng-class="{'expandOpen': CSSKlickSuchspiel}">
|
<div class="suchspielbutton" ng-click="suchspiel_intro()" ng-class="{'expandOpen': CSSKlickSuchspiel}">
|
||||||
<img class="imagesizebig" src="img/suchspiel.png">
|
<img class="suchspielbuttonsizebig" src="img/suchspiel.png">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user