Merge branch 'feature/splash_and_banner' into develop

vds-app/App/components/Button.js

@@ -18,6 +18,11 @@ const styles = StyleSheet.create({
     fontSize: 20,
     textAlign: "center"
   },
+  subtitle: {
+    color: colors.white,
+    fontSize: 15,
+    textAlign: "center"
+  },
   buttonContainer: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -26,11 +31,26 @@ const styles = StyleSheet.create({
   }
 })
 
-export const Button = ({ text, onPress = () => {} }) => (
-  <TouchableOpacity onPress={onPress} style={styles.button}>
-    <Text style={styles.text}>{text}</Text>
-  </TouchableOpacity>
-)
+export const Button = ({ text, subtitle = null, isBig = false, onPress = () => {} }) => {
+
+  const buttonBig = isBig ? {fontSize: 25} : {}
+
+  if(subtitle) {
+    return (
+      <TouchableOpacity onPress={onPress} style={styles.button}>
+        <Text style={[styles.text, buttonBig]}>{text}</Text>
+        <Text style={styles.subtitle}>{subtitle}</Text>
+      </TouchableOpacity>
+    )
+  } else {
+    return (
+      <TouchableOpacity onPress={onPress} style={styles.button}>
+        <Text style={[styles.text, buttonBig]}>{text}</Text>
+      </TouchableOpacity>
+    )
+  }
+}
+
 
 export const ButtonContainer = ({ children }) => (
   <View style={styles.buttonContainer}>{children}</View>

vds-app/App/components/Variables.js

@@ -2,6 +2,8 @@ export const colors = {
   white: "#fff",
   white_alpha: "rgba(255, 255, 255, 0.3)",
   black: "#000",
+  purple: "#8c0072",
+  purple_light: "#a30085",
   blue: "#36b1f0",
   dark_blue: "#15a7f0",
   red: "#af321e",
@@ -15,7 +17,9 @@ export const colors = {
 
 export const texts = {
   quizzes: "Seleziona un quiz",
-  exam: "Simulazione esame (30 domande in 30min)",
+  section_quizzes: "Quiz per argomento",
+  exam: "Simulazione esame",
+  exam_simulation: "30 domande in 30min",
   corrects: "Corrette",
   wrongs: "Sbagliate",
   percentage: "Percentuale",

vds-app/App/index.js

@@ -1,21 +1,32 @@
 import { createStackNavigator, createAppContainer } from "react-navigation"
 
+import Splash from "./screens/Splash"
 import QuizIndex from "./screens/QuizIndex"
 import Quiz from "./screens/Quiz"
 import Exam from "./screens/Exam"
 import { colors, texts} from "./components/Variables"
 
 const MainStack = createStackNavigator({
+  Splash: {
+    screen: Splash,
+    navigationOptions: ({ navigation }) => ({
+      header: null,
+      backgroundColor: colors.yellow,
+      headerStyle: {
+        backgroundColor: colors.yellow
+      }
+    })
+  },
   QuizIndex: {
     screen: QuizIndex,
-    navigationOptions: {
+    navigationOptions: ({ navigation }) => ({
       headerTitle: texts.quizzes,
       headerTintColor: colors.white,
       backgroundColor: colors.dark_blue,
       headerStyle: {
         backgroundColor: colors.dark_blue
       }
-    }
+    })
   },
   Quiz: {
     screen: Quiz,

vds-app/App/screens/QuizIndex.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { ScrollView, StatusBar } from "react-native"
+import { ScrollView, StatusBar,  } from "react-native"
 
 import testQuestions from "../data/test"
 import aerodynamicsQuestions from "../data/aerodynamics"
@@ -12,6 +12,7 @@ import meteorologyQuestions from "../data/meteorology"
 import physiopathologyQuestions from "../data/physiopathology"
 import pilotingTechniquesQuestions from "../data/pilotingTechniques"
 
+import { Button, ButtonContainer } from "../components/Button"
 import { RowItem } from "../components/RowItem"
 import { colors, texts} from "../components/Variables"
 import { examQuestions } from "../components/ExamQuestions"
@@ -82,12 +83,6 @@ export default ({ navigation }) => (
         color: colors.blue
       })}/>
 
-    <RowItem name={texts.exam} color={colors.yellow} textColor={colors.black} onPress={() =>
-      navigation.navigate("Exam", {
-        title: texts.exam,
-        questions: examQuestions,
-        color: colors.blue
-      })}/>
 
   </ScrollView>
 )

vds-app/App/screens/Splash.js

@@ -0,0 +1,101 @@
+import React from "react"
+import { View, StyleSheet, StatusBar, Text, SafeAreaView, Dimensions, Image } from "react-native"
+
+import { Button, ButtonContainer } from "../components/Button"
+import { colors, texts } from "../components/Variables"
+import { examQuestions } from "../components/ExamQuestions"
+
+const screen = Dimensions.get("window")
+const logo = require("../assets/logo.png")
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: colors.blue,
+    flex: 1,
+    paddingHorizontal: 20
+  },
+  title: {
+    color: colors.white,
+    fontSize: 25,
+    textAlign: "center",
+    fontWeight: "600",
+    paddingVertical: 20
+  },
+  text: {
+    color: colors.white,
+    fontSize: 20,
+    textAlign: "center",
+    fontWeight: "400",
+    paddingVertical: 20,
+    marginTop: 20,
+  },
+  safearea: {
+    flex: 1,
+    marginTop: 10,
+    justifyContent: "space-between"
+  },
+  logoContainer: {
+    marginTop: 50,
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%",
+    height: 150
+  },
+  logo: {
+    width: 150
+  }
+})
+
+class Splash extends React.Component {
+
+  state = {
+    results: false
+  }
+
+
+  render() {
+
+    return (
+      <View style={styles.container} >
+        <View style={styles.logoContainer} >
+          <Image source={logo} style={styles.logo} resizeMode="contain" />
+        </View>
+
+        <SafeAreaView style={styles.safearea}>
+          <View>
+            <ButtonContainer>
+              <Button
+                text={texts.section_quizzes}
+                isBig={true}
+                onPress={() =>
+                  this.props.navigation.navigate("QuizIndex", {
+                    title: texts.section_quizzes,
+                    color: colors.blue
+                  })}
+              />
+
+              <Button
+                text={texts.exam}
+                subtitle={`(${texts.exam_simulation})`}
+                isBig={true}
+                onPress={() =>
+                  this.props.navigation.navigate("Exam", {
+                    title: texts.exam,
+                    questions: examQuestions,
+                    color: colors.blue
+                  })}
+              />
+
+
+            </ButtonContainer>
+
+          </View>
+
+        </SafeAreaView>
+
+      </View>
+    )
+  }
+}
+
+export default Splash

vds-app/app.json

@@ -7,14 +7,14 @@
     "platforms": ["ios", "android"],
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/icon.png",
+    "icon": "./assets/logo.png",
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#780062"
     },
     "updates": {
-      "fallbackToCacheTimeout": 0
+      "fallbackToCacheTimeout": 10
     },
     "assetBundlePatterns": ["**/*"],
     "ios": {

vds-app/assets/logo.svg

@@ -0,0 +1,304 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/assets/logo.png"
+   height="250"
+   width="250"
+   inkscape:version="1.0beta1 (unknown)"
+   sodipodi:docname="logo.svg"
+   xml:space="preserve"
+   viewBox="0 0 250 250"
+   y="0px"
+   x="0px"
+   id="Ebene_1"
+   version="1.1"><metadata
+   id="metadata47">
+  <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>
+<defs
+   id="defs45"><linearGradient
+   inkscape:collect="always"
+   id="linearGradient945">
+  <stop
+     style="stop-color:#ffffff;stop-opacity:0.69839633"
+     offset="0"
+     id="stop941" />
+  <stop
+     style="stop-color:#ffffff;stop-opacity:0;"
+     offset="1"
+     id="stop943" />
+</linearGradient>
+<linearGradient
+   id="linearGradient862"
+   inkscape:collect="always">
+  <stop
+     id="stop858"
+     offset="0"
+     style="stop-color:#56168b;stop-opacity:1;" />
+  <stop
+     id="stop860"
+     offset="1"
+     style="stop-color:#7e20c9;stop-opacity:0" />
+</linearGradient>
+<linearGradient
+   id="linearGradient1177"
+   inkscape:collect="always">
+  <stop
+     id="stop1173"
+     offset="0"
+     style="stop-color:#ffffff;stop-opacity:1;" />
+  <stop
+     id="stop1175"
+     offset="1"
+     style="stop-color:#ffffff;stop-opacity:0;" />
+</linearGradient>
+<linearGradient
+   id="linearGradient1113"
+   inkscape:collect="always">
+  <stop
+     id="stop1109"
+     offset="0"
+     style="stop-color:#ffffff;stop-opacity:1;" />
+  <stop
+     id="stop1111"
+     offset="1"
+     style="stop-color:#ffffff;stop-opacity:0;" />
+</linearGradient>
+
+	<defs
+   id="defs13">
+		<rect
+   y="0"
+   x="0"
+   id="SVGID_1_"
+   width="250"
+   height="91.900002" />
+
+	</defs>
+
+	<clipPath
+   id="SVGID_2_">
+		<use
+   height="100%"
+   width="100%"
+   y="0"
+   x="0"
+   xlink:href="#SVGID_1_"
+   style="overflow:visible"
+   id="use15" />
+
+	</clipPath>
+
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+<linearGradient
+   gradientTransform="translate(0,158.1)"
+   gradientUnits="userSpaceOnUse"
+   y2="77.732155"
+   x2="77.917458"
+   y1="-85.32769"
+   x1="6.22612"
+   id="linearGradient1115"
+   xlink:href="#linearGradient1113"
+   inkscape:collect="always" />
+<linearGradient
+   gradientTransform="matrix(1.4791905,0,0,1.4791905,25.462738,22.270725)"
+   gradientUnits="userSpaceOnUse"
+   y2="19.294325"
+   x2="122.02882"
+   y1="122.54591"
+   x1="132.76462"
+   id="linearGradient1179"
+   xlink:href="#linearGradient1177"
+   inkscape:collect="always" />
+<linearGradient
+   y2="19.294325"
+   x2="122.02882"
+   y1="122.54591"
+   x1="132.76462"
+   gradientTransform="matrix(0.83762215,0,0,0.92541661,-275.43157,-172.04418)"
+   gradientUnits="userSpaceOnUse"
+   id="linearGradient1183"
+   xlink:href="#linearGradient1177"
+   inkscape:collect="always" />
+<linearGradient
+   y2="19.294325"
+   x2="122.02882"
+   y1="122.54591"
+   x1="132.76462"
+   gradientTransform="matrix(-1.1876812,-0.35290398,0.38989322,-1.3121667,345.47458,152.00026)"
+   gradientUnits="userSpaceOnUse"
+   id="linearGradient1212"
+   xlink:href="#linearGradient1177"
+   inkscape:collect="always" />
+<linearGradient
+   y2="77.732155"
+   x2="77.917458"
+   y1="-85.32769"
+   x1="6.22612"
+   gradientTransform="matrix(1.4791905,0,0,1.4791905,27.41968,25.871548)"
+   gradientUnits="userSpaceOnUse"
+   id="linearGradient1214"
+   xlink:href="#linearGradient1113"
+   inkscape:collect="always" />
+<mask
+   id="mask1236"
+   maskUnits="userSpaceOnUse">
+  <circle
+     style="fill:#ffffff;fill-opacity:1;stroke-width:1.02044165"
+     id="circle1238"
+     cx="125"
+     cy="125"
+     r="125" />
+</mask>
+<mask
+   id="mask1243"
+   maskUnits="userSpaceOnUse">
+  <circle
+     style="fill:#ffffff;fill-opacity:1;stroke-width:1.02044165"
+     id="circle1245"
+     cx="125"
+     cy="125"
+     r="125" />
+</mask>
+<linearGradient
+   y2="147.05267"
+   x2="266.32431"
+   y1="125"
+   x1="0"
+   gradientUnits="userSpaceOnUse"
+   id="linearGradient866"
+   xlink:href="#linearGradient862"
+   inkscape:collect="always" />
+
+
+
+
+<linearGradient
+   y2="-6.938735"
+   x2="125.42973"
+   y1="105.55947"
+   x1="65.545517"
+   gradientTransform="matrix(1.4791905,0,0,1.4791905,35.39946,-108.94972)"
+   gradientUnits="userSpaceOnUse"
+   id="linearGradient939"
+   xlink:href="#linearGradient945"
+   inkscape:collect="always" />
+</defs>
+<sodipodi:namedview
+   inkscape:snap-global="false"
+   inkscape:current-layer="Ebene_1"
+   inkscape:window-maximized="1"
+   inkscape:window-y="22"
+   inkscape:window-x="0"
+   inkscape:cy="70.326541"
+   inkscape:cx="-27.962425"
+   inkscape:zoom="0.98994949"
+   showgrid="false"
+   id="namedview43"
+   inkscape:window-height="719"
+   inkscape:window-width="1366"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   inkscape:document-rotation="0"
+   bordercolor="#666666"
+   pagecolor="#780062" />
+
+<style
+   id="style10"
+   type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
+</style>
+
+
+<path
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   sodipodi:nodetypes="ccc"
+   inkscape:connector-curvature="0"
+   d="M 123.78078,-110.61685 C -21.266143,-42.820259 248.31586,-27.055783 317.76549,-33.779767 304.15255,-89.820555 242.7175,-131.37241 123.78078,-110.61685 Z"
+   style="opacity:1;fill:url(#linearGradient939);fill-opacity:1;stroke-width:1.43285;stop-opacity:1"
+   id="path1143" />
+<g
+   transform="matrix(1.2468695,0,0,1.2468695,-26.936642,-20.714495)"
+   id="g914">
+  <path
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient1214);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.47919px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-opacity:1"
+     d="m 123.19726,49.810161 -1.45318,0.280247 16.08041,83.499132 -0.10111,-0.0694 -42.37361,-61.556854 -1.219177,0.840713 40.183717,58.373131 -58.173793,-40.001703 -0.837822,1.219178 61.354625,42.188705 1.06606,1.54853 c -1.69332,-0.50097 -2.6209,-0.79403 -5.77231,-1.69009 -10.85734,-3.08719 -31.69355,-8.84723 -71.628068,-19.53861 l -0.384243,1.43008 c 39.9305,10.6903 60.763931,16.44657 71.607841,19.52993 5.42196,1.54168 8.34598,2.41484 9.90942,2.9006 1.56345,0.48577 1.69298,0.5547 1.69298,0.5547 l 0.82338,0.39002 16.35488,-67.814528 -1.43586,-0.346693 -15.95619,66.150451 c -0.25926,-0.0925 -0.1687,-0.076 -1.04005,-0.34669 -0.0387,-0.0118 -0.20237,-0.0598 -0.24268,-0.0722 l 3.87132,-79.324474 -1.47919,-0.07218 -3.77598,77.388814 -0.71071,-0.48825 z"
+     id="path1094"
+     inkscape:connector-curvature="0" />
+  <path
+     style="opacity:1;fill:#71e000;fill-opacity:1;stop-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path36"
+     clip-path="url(#SVGID_2_)"
+     d="m 174.4,18.6 c 0,-0.1 -0.1,-0.2 -0.2,-0.3 -0.8,-1.2 -1.7,-2.3 -2.7,-3.3 0,0 0,0 0,0 -3.2,-3.2 -7.6,-5.4 -12.6,-5.9 -0.2,0 -0.5,0 -0.7,-0.1 -5.1,-0.3 -10,1.2 -14,3.9 -0.2,0.2 -0.3,0.2 -0.5,0.4 l 0.4,0.2 c 5.1,2.3 9.8,5.5 13.7,9.3 3.9,3.8 7.2,8.3 9.5,13.3 0.6,1.4 2.3,2.2 4,1.9 0.5,-0.1 0.9,-0.1 1.3,-0.2 1.8,-0.4 3.3,-1.6 3.8,-3.2 0,0 0,0 0,0 0.3,-1.2 0.6,-2.4 0.7,-3.7 0.6,-4.4 -0.4,-8.7 -2.7,-12.3"
+     class="st0"
+     transform="matrix(1.8224988,0,0,1.8224988,-134.43399,28.093003)" />
+  <path
+     style="opacity:1;stop-opacity:1"
+     inkscape:connector-curvature="0"
+     id="path38"
+     clip-path="url(#SVGID_2_)"
+     d="m 164.6,7.5 c -34,-23.1 -68.4,12.4 -74.3,36.5 -0.7,3.2 -0.2,5.2 1.6,6.8 3.2,2.1 5.1,2.2 8.3,1 C 108.5,48.4 115.9,34.2 132,19 148.3,3.9 157.3,5.7 164.6,7.5"
+     class="st1"
+     transform="matrix(1.8224988,0,0,1.8224988,-134.43399,28.093003)" />
+</g>
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:81.7912px;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Bold';opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:6.13435;stop-opacity:1"
+   x="27.656948"
+   y="191.60994"
+   id="text1072"><tspan
+     sodipodi:role="line"
+     id="tspan1070"
+     x="27.656948"
+     y="191.60994"
+     style="stroke-width:6.13435">QUIZ</tspan></text>
+<g
+   inkscape:label="root"
+   id="layer1"
+   inkscape:groupmode="layer" />
+<text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.3479px;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Bold';opacity:1;fill:#71e000;fill-opacity:1;stroke-width:3.77609;stop-opacity:1"
+   x="115.40392"
+   y="233.62856"
+   id="text33-1"><tspan
+     sodipodi:role="line"
+     id="tspan31-0"
+     x="115.40392"
+     y="233.62856"
+     style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Semi-Bold';fill:#71e000;fill-opacity:1;stroke-width:3.77609">VDS</tspan></text>
+</svg>

vds-app/assets/splash.svg

@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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"
+   version="1.1"
+   id="Ebene_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1242 2436"
+   xml:space="preserve"
+   sodipodi:docname="splash.svg"
+   inkscape:version="1.0beta1 (unknown)"
+   width="1242"
+   height="2436"
+   inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/assets/splash.png"
+   inkscape:export-xdpi="120"
+   inkscape:export-ydpi="120"><metadata
+   id="metadata47">
+  <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>
+
+<defs
+   id="defs45"><linearGradient
+   inkscape:collect="always"
+   id="linearGradient862">
+  <stop
+   style="stop-color:#56168b;stop-opacity:1;"
+   offset="0"
+   id="stop858" />
+
+  <stop
+   style="stop-color:#7e20c9;stop-opacity:0"
+   offset="1"
+   id="stop860" />
+
+</linearGradient>
+
+<linearGradient
+   inkscape:collect="always"
+   id="linearGradient1177">
+  <stop
+   style="stop-color:#ffffff;stop-opacity:1;"
+   offset="0"
+   id="stop1173" />
+
+  <stop
+   style="stop-color:#ffffff;stop-opacity:0;"
+   offset="1"
+   id="stop1175" />
+
+</linearGradient>
+
+<linearGradient
+   inkscape:collect="always"
+   id="linearGradient1113">
+  <stop
+   style="stop-color:#ffffff;stop-opacity:1;"
+   offset="0"
+   id="stop1109" />
+
+  <stop
+   style="stop-color:#ffffff;stop-opacity:0;"
+   offset="1"
+   id="stop1111" />
+
+</linearGradient>
+
+
+	<defs
+   id="defs13">
+		<rect
+   height="91.900002"
+   width="250"
+   id="SVGID_1_"
+   x="0"
+   y="0" />
+
+
+	</defs>
+
+
+	<clipPath
+   id="SVGID_2_">
+		<use
+   id="use15"
+   style="overflow:visible"
+   xlink:href="#SVGID_1_"
+   x="0"
+   y="0"
+   width="100%"
+   height="100%" />
+
+
+	</clipPath>
+
+
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient1113"
+   id="linearGradient1115"
+   x1="6.22612"
+   y1="-85.32769"
+   x2="77.917458"
+   y2="77.732155"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="translate(0,158.1)" />
+
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient1177"
+   id="linearGradient1179"
+   x1="132.76462"
+   y1="122.54591"
+   x2="122.02882"
+   y2="19.294325"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(1.4791905,0,0,1.4791905,25.462738,22.270725)" />
+
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient1177"
+   id="linearGradient1183"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(0.83762215,0,0,0.92541661,-275.43157,-172.04418)"
+   x1="132.76462"
+   y1="122.54591"
+   x2="122.02882"
+   y2="19.294325" />
+
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient1177"
+   id="linearGradient1212"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(-1.1876812,-0.35290398,0.38989322,-1.3121667,345.47458,152.00026)"
+   x1="132.76462"
+   y1="122.54591"
+   x2="122.02882"
+   y2="19.294325" />
+
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient1113"
+   id="linearGradient1214"
+   gradientUnits="userSpaceOnUse"
+   gradientTransform="matrix(1.4791905,0,0,1.4791905,27.41968,25.871548)"
+   x1="6.22612"
+   y1="-85.32769"
+   x2="77.917458"
+   y2="77.732155" />
+
+<mask
+   maskUnits="userSpaceOnUse"
+   id="mask1236">
+  <circle
+   r="125"
+   cy="125"
+   cx="125"
+   id="circle1238"
+   style="fill:#ffffff;fill-opacity:1;stroke-width:1.02044" />
+
+</mask>
+
+<mask
+   maskUnits="userSpaceOnUse"
+   id="mask1243">
+  <circle
+   r="125"
+   cy="125"
+   cx="125"
+   id="circle1245"
+   style="fill:#ffffff;fill-opacity:1;stroke-width:1.02044" />
+
+</mask>
+
+<linearGradient
+   inkscape:collect="always"
+   xlink:href="#linearGradient862"
+   id="linearGradient866"
+   gradientUnits="userSpaceOnUse"
+   x1="0"
+   y1="125"
+   x2="266.32431"
+   y2="147.05267" />
+
+
+
+
+
+</defs>
+
+<sodipodi:namedview
+   pagecolor="#8c0072"
+   bordercolor="#666666"
+   inkscape:document-rotation="0"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1366"
+   inkscape:window-height="719"
+   id="namedview43"
+   showgrid="false"
+   inkscape:zoom="0.24748737"
+   inkscape:cx="-279.02525"
+   inkscape:cy="556.22762"
+   inkscape:window-x="0"
+   inkscape:window-y="22"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g938"
+   inkscape:snap-global="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0" />
+
+
+<style
+   type="text/css"
+   id="style10">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
+</style>
+
+
+
+<g
+   inkscape:groupmode="layer"
+   id="layer1"
+   inkscape:label="root"
+   transform="translate(318.96439,1070.5177)" />
+
+<g
+   inkscape:export-ydpi="120"
+   inkscape:export-xdpi="120"
+   inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/App/assets/logo.png"
+   id="g1025"
+   transform="translate(-24.887482)">
+  
+  
+  
+</g>
+
+
+<g
+   transform="translate(1.5527348e-7,376.66388)"
+   id="g938">
+  <rect
+     transform="translate(-24.887482)"
+     style="fill:#000000;fill-opacity:0.17761274;stroke-width:0.96862"
+     id="rect1011"
+     width="600"
+     height="600"
+     x="345.88748"
+     y="275.33612"
+     ry="44.402229"
+     inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/App/assets/logo.png"
+     inkscape:export-xdpi="120"
+     inkscape:export-ydpi="120" />
+  <g
+     id="g987"
+     transform="matrix(2.0780052,0,0,2.0780052,-269.2222,-1927.5186)"
+     inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/App/assets/logo.png"
+     inkscape:export-xdpi="120"
+     inkscape:export-ydpi="120">
+    <g
+   transform="matrix(1.2468695,0,0,1.2468695,292.02774,1049.8032)"
+   id="g914">
+      <path
+   style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient1214);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.47919px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-opacity:1"
+   d="m 123.19726,49.810161 -1.45318,0.280247 16.08041,83.499132 -0.10111,-0.0694 -42.37361,-61.556854 -1.219177,0.840713 40.183717,58.373131 -58.173793,-40.001703 -0.837822,1.219178 61.354625,42.188705 1.06606,1.54853 c -1.69332,-0.50097 -2.6209,-0.79403 -5.77231,-1.69009 -10.85734,-3.08719 -31.69355,-8.84723 -71.628068,-19.53861 l -0.384243,1.43008 c 39.9305,10.6903 60.763931,16.44657 71.607841,19.52993 5.42196,1.54168 8.34598,2.41484 9.90942,2.9006 1.56345,0.48577 1.69298,0.5547 1.69298,0.5547 l 0.82338,0.39002 16.35488,-67.814528 -1.43586,-0.346693 -15.95619,66.150451 c -0.25926,-0.0925 -0.1687,-0.076 -1.04005,-0.34669 -0.0387,-0.0118 -0.20237,-0.0598 -0.24268,-0.0722 l 3.87132,-79.324474 -1.47919,-0.07218 -3.77598,77.388814 -0.71071,-0.48825 z"
+   id="path1094"
+   inkscape:connector-curvature="0" />
+
+      <path
+   style="opacity:1;fill:#71e000;fill-opacity:1;stop-opacity:1"
+   inkscape:connector-curvature="0"
+   id="path36"
+   clip-path="url(#SVGID_2_)"
+   d="m 174.4,18.6 c 0,-0.1 -0.1,-0.2 -0.2,-0.3 -0.8,-1.2 -1.7,-2.3 -2.7,-3.3 0,0 0,0 0,0 -3.2,-3.2 -7.6,-5.4 -12.6,-5.9 -0.2,0 -0.5,0 -0.7,-0.1 -5.1,-0.3 -10,1.2 -14,3.9 -0.2,0.2 -0.3,0.2 -0.5,0.4 l 0.4,0.2 c 5.1,2.3 9.8,5.5 13.7,9.3 3.9,3.8 7.2,8.3 9.5,13.3 0.6,1.4 2.3,2.2 4,1.9 0.5,-0.1 0.9,-0.1 1.3,-0.2 1.8,-0.4 3.3,-1.6 3.8,-3.2 0,0 0,0 0,0 0.3,-1.2 0.6,-2.4 0.7,-3.7 0.6,-4.4 -0.4,-8.7 -2.7,-12.3"
+   class="st0"
+   transform="matrix(1.8224988,0,0,1.8224988,-134.43399,28.093003)" />
+
+      <path
+   style="opacity:1;stop-opacity:1"
+   inkscape:connector-curvature="0"
+   id="path38"
+   clip-path="url(#SVGID_2_)"
+   d="m 164.6,7.5 c -34,-23.1 -68.4,12.4 -74.3,36.5 -0.7,3.2 -0.2,5.2 1.6,6.8 3.2,2.1 5.1,2.2 8.3,1 C 108.5,48.4 115.9,34.2 132,19 148.3,3.9 157.3,5.7 164.6,7.5"
+   class="st1"
+   transform="matrix(1.8224988,0,0,1.8224988,-134.43399,28.093003)" />
+
+    </g>
+
+    <text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:81.7912px;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Bold';opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:6.13435;stop-opacity:1"
+   x="346.62134"
+   y="1262.1277"
+   id="text1072"><tspan
+     sodipodi:role="line"
+     id="tspan1070"
+     x="346.62134"
+     y="1262.1277"
+     style="stroke-width:6.13435">QUIZ</tspan></text>
+
+    <text
+   xml:space="preserve"
+   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:50.3479px;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Bold';opacity:1;fill:#71e000;fill-opacity:1;stroke-width:3.77609;stop-opacity:1"
+   x="434.36832"
+   y="1304.1462"
+   id="text33-1"><tspan
+     sodipodi:role="line"
+     id="tspan31-0"
+     x="434.36832"
+     y="1304.1462"
+     style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:'URW Gothic L';-inkscape-font-specification:'URW Gothic L Semi-Bold';fill:#71e000;fill-opacity:1;stroke-width:3.77609">VDS</tspan></text>
+
+  </g>
+  <g
+     id="g889"
+     transform="translate(-24.887482)"
+     inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/App/assets/logo.png"
+     inkscape:export-xdpi="120"
+     inkscape:export-ydpi="120">
+  <path
+   inkscape:connector-curvature="0"
+   id="rect869"
+   style="fill:#000000;fill-opacity:0.17647059;stroke-width:0.96862"
+   d="m 321,813.5957 v 17.33789 c 0,24.59884 19.80351,44.40235 44.40234,44.40235 H 876.59766 C 901.1965,875.33594 921,855.53243 921,830.93359 V 813.5957 Z"
+   transform="translate(24.887482)" />
+
+  
+  
+</g>
+  <text
+     id="text1029"
+     y="854.56818"
+     x="676.1568"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:29.1467px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#ffffff;fill-opacity:0.682725;stroke:none;stroke-width:0.728669"
+     xml:space="preserve"
+     inkscape:export-filename="/docs/Dslak/vds_quiz/vds-app/App/assets/logo.png"
+     inkscape:export-xdpi="120"
+     inkscape:export-ydpi="120"><tspan
+       style="fill:#ffffff;fill-opacity:0.682725;stroke-width:0.728669"
+       y="854.56818"
+       x="676.1568"
+       id="tspan1027"
+       sodipodi:role="line">v1.1.0 | by Dslak</tspan></text>
+</g>
+</svg>