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{
|
||||
background: url("../img/background.svg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
*/
|
||||
|
||||
.scroll-content {
|
||||
/*background: url("../img/Background/background.svg");*/
|
||||
background: url("../img/Background/background.svg");
|
||||
background-size: cover;
|
||||
color: #333;
|
||||
font: 100% Arial, Sans Serif;
|
||||
@ -19,21 +9,6 @@
|
||||
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 {
|
||||
background: url("../img/Background/treehouse.svg");
|
||||
background-size: cover;
|
||||
@ -87,19 +62,12 @@ to {background-position: -2000px 0;}
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Tierbilder groessen */
|
||||
.imagesizebig{
|
||||
/* Bild groessen */
|
||||
.suchspielbuttonsizebig{
|
||||
width:128px;
|
||||
height:128px;
|
||||
}
|
||||
|
||||
.imagesizemedium{
|
||||
width:96px;
|
||||
height:96px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.gras {
|
||||
background: url("../img/Background/Grasbuechel.svg");
|
||||
background-size: cover;
|
||||
@ -109,133 +77,6 @@ to {background-position: -2000px 0;}
|
||||
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 {
|
||||
position: absolute;
|
||||
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 {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@ -359,29 +177,6 @@ to {background-position: -2000px 0;}
|
||||
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 {
|
||||
background: url('../img/ufo.png');
|
||||
position: relative;
|
||||
|
||||
@ -17,8 +17,6 @@
|
||||
</script>-->
|
||||
|
||||
<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/animations.css" rel="stylesheet">
|
||||
<link href="css/magic.css" rel="stylesheet">
|
||||
@ -42,27 +40,14 @@
|
||||
<!-- your app's js -->
|
||||
<script src="js/app.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/home_controller.js"></script>
|
||||
<script src="spielsets/spielset1/js/suchspiel_controller.js"></script>
|
||||
<script src="spielsets/minispielset1/js/minispiel1_controller.js"></script>
|
||||
</head>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -17,7 +17,7 @@ window.globalVariable = {
|
||||
// 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)
|
||||
// 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) {
|
||||
|
||||
@ -115,20 +115,23 @@ angular.module('kinderspiel', ['ionic', 'ngCordova','ngAnimate', 'ngDraggable',
|
||||
url: '/home',
|
||||
abstract: false,
|
||||
templateUrl: 'templates/home.html',
|
||||
css: 'css/style.css',
|
||||
controller: 'home',
|
||||
reload: true
|
||||
})
|
||||
.state('suchspiel', {
|
||||
url: '/suchspiel',
|
||||
cache: false,
|
||||
templateUrl: 'templates/suchspiel.html',
|
||||
templateUrl: 'spielsets/spielset1/templates/suchspiel.html',
|
||||
css: 'spielsets/spielset1/css/spielset.css',
|
||||
controller: 'Suchspiel',
|
||||
reload: true
|
||||
})
|
||||
.state('minispiel1', {
|
||||
url: '/minispiel1',
|
||||
cache: false,
|
||||
templateUrl: 'templates/minispiel1.html',
|
||||
templateUrl: 'spielsets/minispielset1/templates/minispiel1.html',
|
||||
css: 'spielsets/minispielset1/css/minispiel.css',
|
||||
controller: 'Minispiel1',
|
||||
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 {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
|
||||
@ -19,7 +19,7 @@ $scope.$on("$ionicView.beforeEnter", function(event, data){
|
||||
/*
|
||||
* Hintergrundbild setzen
|
||||
*/
|
||||
$rootScope.backgroundimage = "spielsets/minispielset1/images/background.png";
|
||||
//$rootScope.backgroundimage = "spielsets/minispielset1/images/background.png";
|
||||
});
|
||||
|
||||
$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
|
||||
*/
|
||||
$rootScope.backgroundimage = "img/Background/background.svg";
|
||||
//$rootScope.backgroundimage = "img/Background/background.svg";
|
||||
});
|
||||
|
||||
$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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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": 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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">
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user