Commit b7755143 authored by Anusha Mamidala's avatar Anusha Mamidala
Browse files

Added UI and assets for the simulations

parent fb01e234
......@@ -2772,6 +2772,11 @@
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.0.tgz",
"integrity": "sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw=="
},
"bootstrap-icons": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.4.0.tgz",
"integrity": "sha512-EynaOv/G/X/sQgPUqkdLJoxPrWk73wwsVjVR3cDNYO0jMS58poq7DOC2CraBWlBt1AberEmt0blfw4ony2/ZIg=="
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
......
......@@ -9,6 +9,9 @@ const routes: Routes = [
{
path: 'home', component: HomeComponent
},
{
path: 'home/:subject', component: SimulationsComponent
},
{
path: 'videos', component: SimulationsComponent,
},
......
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap");
header {
display: flex;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
z-index: 9999;
font-family: "Roboto Slab", serif;
}
header ul {
display: flex;
width: 100%;
margin-top: 1em;
align-items: center;
z-index: 999;
justify-content: flex-end;
}
header ul li {
list-style-type: none;
margin-right: 15px;
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #2b41a1;
overflow-x: hidden;
padding-top: 30px;
transition: 0.5s;
width: 250px;
}
header ul li a {
a {
color: white;
padding: 8px 8px 8px 32px;
text-decoration: none;
color: #666;
font-size: 18px;
font-size: 23px;
display: block;
transition: 0.3s;
}
header ul li a:hover {
color: red;
cursor: pointer;
.sidenav a:hover {
color: #f1f1f1;
}
.active {
color: red !important;
.header-image {
object-fit: cover;
width: 200px;
margin: 0 auto;
display: flex;
padding-bottom: 30px;
}
<header>
<!-- <img src="./../../assets/images/log.png" alt="Logo" class="logoImage"> -->
<ul>
<li><a [routerLink]="['home']" class="active">Home</a></li>
<li><a>Videos</a></li>
<li><a>Blog</a></li>
<li><a>About</a></li>
<header class="sidenav">
<img src="assets/bs-logo.png" class="header-image">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#" [routerLink]="['home']">
<img src="/assets/icons/home.svg" alt="Home Icon" width="20" height="15">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<img src="/assets/icons/simulation.svg" alt="Home Icon" width="20" height="15">
Simulations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<img src="/assets/icons/math.svg" alt="Home Icon" width="20" height="15"
style="margin-right: 5px;">Maths</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> <img src="/assets/icons/physics.svg" alt="Home Icon" width="20" height="20"
style="margin-right: 5px;">Physics</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="/assets/icons/chemistry.svg" alt="Home Icon" width="20" height="20"
style="margin-right: 5px;">Chemistry</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="/assets/icons/biology.svg" alt="Home Icon" width="20" height="20"
style="margin-right: 5px;">Biology</a>
</li>
</ul>
</header>
\ No newline at end of file
......@@ -20,3 +20,70 @@
align-self: center;
color: #3f3d56;
}
.home-container {
margin-left: 250px;
margin-top: 20px;
}
.btn-primary {
background-color: #ff8f3e;
border-color: #ff8f3e;
}
.subject-container {
margin-bottom: 20px;
margin-left: 40px;
}
.subject-cards {
margin-top: 20px;
display: flex;
width: 90%;
}
.subject-card {
cursor: pointer;
display: flex;
flex-direction: column;
height: 150px;
width: 200px;
align-items: center;
border: 1px solid #eef0f0;
padding: 10px;
border-radius: 15px;
justify-content: center;
box-shadow: 4px 4px 4px 4px #eef0f0;
margin-right: 50px;
}
.subject-card span {
margin-top: 15px;
}
.heading-margin {
margin-left: 10px;
font-size: 1.25rem !important;
}
.heading-margin-popular-courses {
margin-left: 50px;
font-weight: 400;
}
.heading-margin-popular-courses:after {
background: none repeat scroll 0 0 #f7941e;
bottom: -10px;
content: "";
display: block;
height: 3px;
position: relative;
width: 100px;
margin-bottom: 50px;
}
.simulations-subjects-container {
margin-left: 40px;
padding-top: 30px;
width: 60%;
border-radius: 15px;
border: 1px solid #eef0f0;
}
<div class="home-main-banner">
<div class="home-main-banner-heading">
<span>Learn,</span>
<span> Share &</span> <span>Explore</span>
<div class="home-container">
<div class="subject-container">
<h3>Choose Subject</h3>
<div class="subject-cards">
<div class="subject-card" (click)="onClickOnSubj(item.type)" *ngFor="let item of subjects">
<img [src]="item.img" height="60px" width="60px">
<span>{{item.value}}</span>
</div>
</div>
</div>
<div class="simulations-subjects-container">
<h3 class="heading-margin-popular-courses">Explore Simulations</h3>
<div class="subject-container" *ngIf="physicsItems?.length>0">
<h3 class="heading-margin">Physics</h3>
<app-simulations [simulationItems]="physicsItems"></app-simulations>
</div>
<img src="../../../assets/main-banner.svg">
</div>
<div class="subject-container" *ngIf="chemistryItems?.length>0">
<h3 class="heading-margin">Chemistry</h3>
<app-simulations [simulationItems]="chemistryItems"></app-simulations>
</div>
<div class="container mt-5 mb-5">
<div class="row justify-content-center">
<div class="col-3">
<select class="form-control" #formClassSelect (change)="onSelectClass(formClassSelect.value)">
<option selected disabled>Select class</option>
<option *ngFor="let option of classes" [value]="option">Class {{option}}</option>
</select>
<div class="subject-container" *ngIf="mathsItems?.length>0">
<h3 class="heading-margin">Mathematics</h3>
<app-simulations [simulationItems]="mathsItems"></app-simulations>
</div>
<div class="col-3">
<select class="form-control" #formSubSelect (change)="onSelectSubject(formSubSelect.value)">
<option selected disabled>Select Subject</option>
<option *ngFor="let option of subjects" [value]="option.type">{{option.value}}</option>
</select>
<div class="subject-container" *ngIf="biologyItems?.length>0">
<h3 class="heading-margin">Biology</h3>
<app-simulations [simulationItems]="biologyItems"></app-simulations>
</div>
<button type="submit" class="btn btn-primary" (click)="getCourses()">Get Courses!</button>
</div>
</div>
<app-simulations [simulationItems]="simulationItems"></app-simulations>
\ No newline at end of file
</div>
\ No newline at end of file
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { CourseService } from 'src/app/services/course.service';
import { Course } from 'src/app/shared/course';
......@@ -12,18 +13,36 @@ export class HomeComponent implements OnInit {
selectedSubject = 'all';
selectedOption: any;
simulationItems: Course[];
filteredSimulationItems: Course[];
classes: number[] = [4, 5, 6, 7, 8, 9];
subjects = [{ type: "phy", value: "Physics" }, { type: "che", value: "Chemistry" }, { type: "math", value: "Maths" }, { type: "bio", value: "Biology" }]
constructor(private service: CourseService) { }
subjects = [{ type: "phy", value: "Physics", img: "assets/icons/physics-subject.svg" },
{ type: "che", value: "Chemistry", img: "assets/icons/chemistry-subject.svg" },
{ type: "math", value: "Maths", img: "assets/icons/math-subject.svg" },
{ type: "bio", value: "Biology", img: "assets/icons/biology-subject.svg" }]
physicsItems: Course[];
chemistryItems: Course[];
mathsItems: Course[];
biologyItems: Course[];
constructor(private router: Router, private service: CourseService) { }
ngOnInit(): void {
this.service.getJSON().subscribe((response: any) => {
this.simulationItems = response;
this.physicsItems = this.simulationItems.filter((e) => e.category === 'phy').splice(0, 4);
this.chemistryItems = this.simulationItems.filter((e) => e.category === 'che').splice(0, 4);
this.mathsItems = this.simulationItems.filter((e) => e.category === 'math').splice(0, 4);
this.biologyItems = this.simulationItems.filter((e) => e.category === 'bio').splice(0, 4);
console.log(this.physicsItems)
})
}
onClickOnSubj(type) {
this.router.navigate(['/home', type]);
}
filterSubjectsClasses(): Course[] {
let items = [...this.simulationItems];
let items = this.simulationItems;
if (this.selectedOption?.selectedClass != "" && this.selectedOption?.selectedSubject === 'all') {
let filteredItems = items.filter(e =>
e.class.includes(parseInt(this.selectedOption?.selectedClass))
......@@ -54,5 +73,10 @@ export class HomeComponent implements OnInit {
}
onSelectSubject(value) {
this.selectedSubject = value;
this.selectedOption = {
"selectedClass": this.selectedClass,
"selectedSubject": this.selectedSubject
}
this.filteredSimulationItems = this.filterSubjectsClasses();
}
}
.simulations {
.simulation-container {
margin-left: 300px;
margin-top: 20px;
}
.simulation-cards {
display: flex;
width: 90%;
}
.simulation-card {
cursor: pointer;
margin: 30px;
display: flex;
padding: 5px;
flex-direction: column;
width: 200px;
align-items: flex-start;
margin: 10px;
}
.simulations div {
margin: 10px;
.simulation-card span {
margin-top: 5px;
text-align: center;
font-weight: 400;
font-size: 1rem;
}
.heading-margin-popular-courses {
margin-left: 10px;
font-weight: 400;
}
.heading-margin-popular-courses:after {
background: none repeat scroll 0 0 #f7941e;
bottom: -10px;
content: "";
display: block;
height: 3px;
position: relative;
width: 100px;
margin-bottom: 50px;
}
<div class="simulations">
<div class="card" (click)="onClickSimulation(item)" *ngFor="let item of simulationItems;">
<img class="card-img-top" src='{{ "assets/" + item.img_src }}'>
<div class="card-body">
<p class="card-text">{{item.name}}</p>
<div class="simulation-cards" *ngIf="!subject || subject == ''">
<div class="simulation-card" (click)="onClickSimulation(item)" *ngFor="let item of simulationItems;">
<img src='{{ "assets/simulation-images/" + item.img_src }}' width="200px" height="100px">
<span>{{item.name}}</span>
</div>
</div>
<div class="simulation-container" *ngIf="subject && subject != ''">
<h3 class="heading-margin-popular-courses">Physics</h3>
<div class="simulation-cards">
<div class="simulation-card" (click)="onClickSimulation(item)" *ngFor="let item of simulationItems;">
<img src='{{ "assets/simulation-images/" + item.img_src }}' width="200px" height="100px">
<span>{{item.name}}</span>
</div>
</div>
</div>
\ No newline at end of file
import { Component, Input, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ActivatedRoute, Router } from '@angular/router';
import { CourseService } from 'src/app/services/course.service';
import { Course } from 'src/app/shared/course';
@Component({
......@@ -9,10 +10,16 @@ import { Course } from 'src/app/shared/course';
})
export class SimulationsComponent implements OnInit {
@Input() simulationItems: Course[];
constructor(private router: Router) { }
subject: string;
constructor(private router: Router, private route: ActivatedRoute, private service: CourseService) { }
ngOnInit(): void {
this.subject = this.route.snapshot.paramMap.get('subject');
if (this.subject && this.subject != "") {
this.service.getJSON().subscribe((response: any) => {
this.simulationItems = response.filter((e) => e.category === this.subject);
})
}
}
onClickSimulation(item) {
......
......@@ -3,4 +3,5 @@
width: 100%;
height: calc(100vh - 20vh);
border: none;
margin-left: 250px;
}
......@@ -12,7 +12,7 @@ export class VideoSimulationComponent implements OnInit {
ngOnInit(): void {
let id = this.route.snapshot.paramMap.get('simUrl');
this.item = "../assets/" + id + ".html";
this.item = "../assets/simulation-files" + id + ".html";
console.log(this.item)
}
......
......@@ -2,33 +2,81 @@
{
"simID": "1",
"category": "phy",
"name": "Physics Simulation",
"img_src": "phy.jpg",
"name": "Atomic Interactions",
"img_src": "atomic-interactions_en.PNG",
"url": "atomic-interactions_en",
"class": [4,5]
},
{
"simID": "2",
"category": "bio",
"name": "Biology Simulation",
"img_src": "bio.jpg",
"category": "phy",
"name": "Balancing act",
"img_src": "balancing-act_en.PNG",
"url": "balancing-act_en",
"class": [6,7]
"class": [4,5]
},
{
"simID": "3",
"category": "che",
"name": "Physics Simulation",
"img_src": "che.jpg",
"url": "atomic-interactions_en",
"class": [8]
"category": "phy",
"name": "Ballons and Static Electricity",
"img_src": "balloons-and-static-electricity_en.PNG",
"url": "balloons-and-static-electricity_en",
"class": [4,5]
},
{
"simID": "4",
"category": "math",
"name": "Mathematics Simulation",
"img_src": "math.jpg",
"url": "atomic-interactions_en",
"class": [4]
}
"category": "phy",
"name": "Bending Light",
"img_src": "bending-light_en.PNG",
"url": "bending-light_en",
"class": [4,5]
},
{
"simID": "5",
"category": "phy",
"name": "Blackbody Spectrum",
"img_src": "blackbody-spectrum_en.PNG",
"url": "blackbody-spectrum_en",
"class": [4,5]
},
{
"simID": "6",
"category": "che",
"name": "Acid Base Solutions",
"img_src": "acid-base-solutions_en.PNG",
"url": "acid-base-solutions_en",
"class": [4,5]
},
{
"simID": "7",
"category": "che",
"name": "Balancing Chemical Equations",
"img_src": "balancing-chemical-equations_en.PNG",
"url": "balancing-chemical-equations_en",
"class": [4,5]
},
{
"simID": "8",
"category": "che",
"name": "Diffusion",
"img_src": "diffusion_en.PNG",
"url": "diffusion_en",
"class": [4,5]
},
{
"simID": "9",
"category": "che",
"name": "Gas Properties",
"img_src": "gas-properties_en.PNG",
"url": "gas-properties_en",
"class": [4,5]
},
{
"simID": "10",
"category": "che",
"name": "Reactants Produts",
"img_src": "reactants-products-and-leftovers_en.PNG",
"url": "reactants-products-and-leftovers_en",
"class": [4,5]
}
]
\ No newline at end of file
This diff is collapsed.
<svg height="511pt" fill="white" viewBox="1 0 511.99937 511" width="511pt"
xmlns="http://www.w3.org/2000/svg">
<path d="m470.910156 132.183594c-4.90625 4.90625-10.007812 8.890625-15.382812 12.054687l-87.273438-87.277343c3.164063-5.371094 7.144532-10.472657 12.054688-15.382813 9.382812-9.382813 9.382812-24.652344-.003906-34.039063-9.382813-9.382812-24.652344-9.386718-34.039063 0-39.0625 39.0625-39.632813 86.28125-32.796875 128.914063-49.628906-10.230469-104.492188-14.582031-148.289062 29.210937-19.796876 19.800782-31.179688 43.054688-34.796876 71.097657-.53125 4.113281 2.375 7.878906 6.488282 8.410156 4.101562.53125 7.878906-2.375 8.40625-6.488281 3.179687-24.625 13.160156-45.035156 30.523437-62.398438 40.351563-40.351562 91.328125-34.542968 140.558594-23.867187 1.46875 7.355469 2.769531 13.125 4.203125 19.464843-48.914062-11.125-96.289062-18.988281-132.015625 17.253907-79.859375 79.972656 55.839844 216.40625-33.429687 305.675781-3.527344 3.527344-9.269532 3.527344-12.796876 0-3.53125-3.527344-3.53125-9.269531 0-12.796875 56.605469-56.609375 6.027344-137.929687 2.0625-215.785156-.214843-4.140625-3.710937-7.335938-7.882812-7.117188-4.144531.210938-7.332031 3.742188-7.121094 7.882813.824219 16.148437 3.566406 32.332031 6.585938 46.957031-42.632813-6.832031-89.847656-6.261719-128.910156 32.796875-9.40625 9.402344-9.410157 24.632812 0 34.039062 9.40625 9.410157 24.632812 9.410157 34.042968 0 4.90625-4.90625 10.007813-8.886718 15.378906-12.050781l87.277344 87.273438c-3.167968 5.375-7.148437 10.476562-12.054687 15.382812-9.386719 9.382813-9.386719 24.65625 0 34.039063 9.382812 9.386718 24.652343 9.386718 34.039062 0 39.0625-39.0625 39.632813-86.28125 32.796875-128.914063 56.648438 11.675781 107.269532 11.808594 148.289063-29.210937 43.796875-43.796875 39.4375-98.667969 29.207031-148.296875 14.25 2.265625 28.5625 3.636719 42.972656 3.183593 4.144532-.132812 7.398438-3.601562 7.269532-7.746093-.132813-4.144531-3.59375-7.414063-7.742188-7.269531-13.460938.421874-28.160156-.839844-45.949219-3.976563-1.445312-6.339844-2.851562-12.3125-4.433593-19.179687 41.660156 8.386718 81.3125 10.851562 113.382812-21.21875 3.527344-3.527344 9.265625-3.527344 12.796875 0 3.539063 3.535156 3.539063 9.261718 0 12.796874-14.050781 14.054688-29.921875 23.179688-48.515625 27.894532-4.019531 1.019531-6.453125 5.101562-5.433594 9.125 1.019532 4.019531 5.105469 6.453125 9.125 5.433594 21.289063-5.398438 39.425782-15.808594 55.445313-31.832032 4.546875-4.546875 7.050781-10.589844 7.050781-17.019531 0-21.378906-26.015625-32.09375-41.089844-17.019531zm-440.433594 237.984375c-3.539062 3.539062-9.261718 3.539062-12.800781 0-3.535156-3.535157-3.539062-9.257813 0-12.796875 24.324219-24.324219 52.839844-31.640625 81.199219-31.640625 13.714844 0 27.398438 1.710937 40.550781 4.039062 1.433594 6.304688 2.894531 12.503907 4.433594 19.183594-41.660156-8.390625-81.3125-10.855469-113.382813 21.214844zm40.753907-7.921875c20.378906-6.261719 44.753906-3.867188 76.214843 2.796875 6.667969 31.460937 9.0625 55.835937 2.796876 76.214843zm116.449219-37.433594c-5.726563-24.730469-10.792969-47.792969-10.570313-68.660156l79.226563 79.226562c-20.867188.222656-43.929688-4.839844-68.65625-10.566406zm87.921874 8.59375-96.519531-96.519531c2.386719-11.390625 7.101563-21.96875 15.078125-31.625l113.0625 113.066406c-9.652344 7.980469-20.226562 12.691406-31.621094 15.078125zm42.246094-25.695312-113.066406-113.066407c9.652344-7.976562 20.230469-12.691406 31.621094-15.078125l96.519531 96.519532c-2.386719 11.390624-7.097656 21.96875-15.074219 31.625zm6.480469-119.550782c5.726563 24.730469 10.789063 47.792969 10.570313 68.660156l-79.226563-79.226562c20.863281-.222656 43.929687 4.839844 68.65625 10.566406zm11.875 148.527344c-40.351563 40.351562-91.324219 34.542969-140.558594 23.867188-1.058593-5.28125-2.210937-10.722657-4.203125-19.464844 49.542969 11.269531 95.941406 18.820312 131.964844-17.203125 79.328125-79.324219-55.277344-216.96875 33.484375-305.726563 3.527344-3.527344 9.265625-3.53125 12.796875 0 3.527344 3.527344 3.527344 9.269532 0 12.796875-79.78125 79.78125 55.757812 216.492188-33.484375 305.730469zm28.359375-188.757812c-6.667969-31.460938-9.0625-55.835938-2.796875-76.214844l79.011719 79.011718c-20.378906 6.265626-44.753906 3.871094-76.214844-2.796874zm0 0"/>
</svg>
\ No newline at end of file
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path clip-rule="evenodd" d="m55.278 347.715c31.719-19.106 113.638-10.517 160.522 27.298 45.212-23.811 90.253-38.551 134.983-37.503l-70.666-93.09c-10.8-14.202-22.053-42.718-22.11-67.351l-.312-134.703h-101.563l-.312 134.703c-.057 24.633-11.31 53.15-22.081 67.351z" fill="#f9f7f8" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m22.539 407.186c103.348 14.174 155.561-24.378 193.261-60.52-46.884-37.814-128.803-18.057-160.522 1.049l-12.756 16.781c-8.872 11.708-15.873 26.788-19.983 42.69z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m78.295 504.5h128.633 128.605c21.77 0 36.793-7.824 46.374-20.013 21.855-34.639 6.406-95.641-9.723-118.8l-21.401-28.176c-52.128-29.962-89.771-14.655-134.983 9.156-47.508 25.03-103.377 59.443-193.262 60.52-11.791 45.297-.453 97.313 55.757 97.313z" fill="#22a6fe" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m421.534 266.786c13.606 9.099 35.716 9.099 49.35 0v-188.193h-98.7v188.193c13.634-9.099 35.715-9.099 49.35 0z" fill="#f9f7f8" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m372.184 88.599h98.7 2.041c11.452 0 20.834-10.091 20.834-22.422 0-12.359-9.382-22.45-20.834-22.45h-102.782c-11.48 0-20.834 10.091-20.834 22.45 0 12.331 9.354 22.422 20.834 22.422z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m156.132 52.373h101.563 4.564c12.359 0 22.45-10.091 22.45-22.45 0-12.331-10.119-22.422-22.45-22.422h-110.69c-12.33 0-22.45 10.091-22.45 22.422 0 12.359 10.091 22.45 22.45 22.45z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m187.114 258.792c0 10.942 8.872 19.814 19.785 19.814 10.941 0 19.814-8.872 19.814-19.814s-8.872-19.786-19.814-19.786c-10.913 0-19.785 8.844-19.785 19.786z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m254.35 431.082c0 16.781 13.606 30.387 30.358 30.387 16.781 0 30.387-13.606 30.387-30.387s-13.606-30.359-30.387-30.359c-16.752 0-30.358 13.578-30.358 30.359z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m113.529 466.572c10.204 0 18.481-8.277 18.481-18.482 0-10.176-8.277-18.454-18.481-18.454s-18.481 8.277-18.481 18.454c-.001 10.205 8.276 18.482 18.481 18.482z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m258.007 177.069-.312-124.696h-31.35l.312 124.696c.057 24.633 11.31 53.15 22.11 67.351l58.761 77.414c13.521 1.871 27.751 6.775 43.256 15.676l-70.666-93.09c-10.801-14.201-22.054-42.718-22.111-67.351z" fill="#dddaec" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m371.305 364.496-20.522-26.986c-15.505-8.901-29.735-13.805-43.256-15.676l11.934 15.676c30.613 40.366 38.182 166.99-29.536 166.99h45.608c21.77 0 36.793-7.824 46.374-20.013-6.094-8.22-9.723-18.369-9.723-29.339v-89.462z" fill="#0593fc" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m284.709 29.922c0-12.331-10.119-22.422-22.45-22.422h-31.265c12.302.028 22.365 10.12 22.365 22.422 0 12.359-10.091 22.45-22.45 22.45h26.787 4.564c12.358.001 22.449-10.091 22.449-22.45z" fill="#80b4fb" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m470.884 256.78v-168.181h-25.341v168.18 6.803c9.127.114 18.339-2.154 25.341-6.802z" fill="#dddaec" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m493.759 66.177c0-12.359-9.382-22.45-20.834-22.45h-25.285c11.423.028 20.777 10.12 20.777 22.45 0 12.331-9.382 22.422-20.834 22.422h23.3 2.041c11.452 0 20.835-10.091 20.835-22.422z" fill="#80b4fb" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m372.184 365.687v89.462c0 10.97 3.628 21.118 9.723 29.339 8.816 11.849 22.818 19.673 38.579 20.013h2.098c26.645-.567 48.301-22.564 48.301-49.351v-198.37c-13.634 9.099-35.744 9.099-49.35 0-13.634-9.099-35.716-9.099-49.35 0v108.907z" fill="#eb5468" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m421.534 346.468c9.751 0 17.659-7.909 17.659-17.66 0-9.78-7.908-17.688-17.659-17.688-9.779 0-17.688 7.909-17.688 17.688 0 9.751 7.908 17.66 17.688 17.66z" fill="#a1d4ff" fill-rule="evenodd"/></g><g><path clip-rule="evenodd" d="m470.884 455.149v-198.369c-7.001 4.649-16.214 6.917-25.341 6.803v191.566c0 22.762-15.647 42.066-36.679 47.707 3.713.992 7.597 1.559 11.622 1.644h2.098c26.644-.567 48.3-22.564 48.3-49.351z" fill="#e5384f" fill-rule="evenodd"/></g><g><path d="m163.685 407.141-.085.085c-2.938 2.92-2.951 7.669-.03 10.606 1.466 1.474 3.392 2.212 5.318 2.212 1.912 0 3.825-.727 5.288-2.182l.085-.085c2.938-2.92 2.951-7.669.03-10.606-2.919-2.937-7.668-2.951-10.606-.03z"/><path d="m224.896 383.146-.085.085c-2.929 2.929-2.929 7.678 0 10.606 1.464 1.464 3.384 2.197 5.303 2.197s3.839-.732 5.303-2.197l.085-.085c2.929-2.929 2.929-7.678 0-10.606-2.928-2.929-7.677-2.929-10.606 0z"/><path d="m234.213 258.792c0-15.045-12.24-27.286-27.286-27.286-15.061 0-27.313 12.24-27.313 27.286 0 15.061 12.253 27.314 27.313 27.314 15.046 0 27.286-12.253 27.286-27.314zm-39.599 0c0-6.774 5.524-12.286 12.313-12.286 6.774 0 12.286 5.511 12.286 12.286 0 6.79-5.511 12.314-12.286 12.314-6.789 0-12.313-5.524-12.313-12.314z"/><path d="m284.709 393.223c-20.875 0-37.858 16.983-37.858 37.859 0 20.891 16.983 37.887 37.858 37.887 20.891 0 37.886-16.996 37.886-37.887 0-20.875-16.995-37.859-37.886-37.859zm0 60.747c-12.604 0-22.858-10.267-22.858-22.887 0-12.604 10.254-22.859 22.858-22.859 12.62 0 22.886 10.255 22.886 22.859 0 12.62-10.266 22.887-22.886 22.887z"/><path d="m113.529 422.137c-14.326 0-25.981 11.643-25.981 25.954 0 14.327 11.655 25.982 25.981 25.982s25.981-11.655 25.981-25.982c0-14.312-11.655-25.954-25.981-25.954zm0 36.935c-6.055 0-10.981-4.926-10.981-10.982 0-6.04 4.926-10.954 10.981-10.954s10.981 4.914 10.981 10.954c0 6.056-4.926 10.982-10.981 10.982z"/><path d="m404.722 387.2-.085.085c-2.929 2.929-2.929 7.678 0 10.606 1.464 1.464 3.384 2.197 5.303 2.197s3.839-.732 5.303-2.197l.085-.085c2.929-2.929 2.929-7.678 0-10.606-2.928-2.929-7.677-2.929-10.606 0z"/><path d="m420.725 444.473-.085.085c-2.938 2.92-2.951 7.669-.03 10.606 1.466 1.474 3.392 2.212 5.318 2.212 1.912 0 3.825-.727 5.288-2.182l.085-.085c2.938-2.92 2.951-7.669.03-10.606-2.92-2.937-7.669-2.951-10.606-.03z"/><path d="m421.534 353.968c13.873 0 25.16-11.287 25.16-25.16 0-13.889-11.287-25.188-25.16-25.188-13.889 0-25.188 11.299-25.188 25.188 0 13.873 11.299 25.16 25.188 25.16zm0-35.348c5.602 0 10.16 4.57 10.16 10.188 0 5.602-4.558 10.16-10.16 10.16-5.617 0-10.188-4.558-10.188-10.16 0-5.618 4.57-10.188 10.188-10.188z"/><path d="m472.925 36.227h-102.782c-15.624 0-28.334 13.436-28.334 29.95 0 14.527 9.855 26.664 22.875 29.359v247.84l-78.598-103.496c-10.075-13.249-20.527-40.372-20.58-62.83l-.293-117.325c15.133-1.489 26.995-14.286 26.995-29.804.001-16.498-13.435-29.921-29.949-29.921h-110.69c-16.515 0-29.95 13.423-29.95 29.922 0 15.517 11.863 28.315 26.995 29.804v117.324c-.052 22.436-10.786 49.569-20.848 62.834l-25.058 32.996c-2.505 3.299-1.861 8.004 1.437 10.509 1.356 1.03 2.95 1.528 4.531 1.528 2.265 0 4.503-1.022 5.978-2.964l25.061-33c11.003-14.506 22.699-43.238 23.553-69.089h25.462c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.379l.063-24.997h25.317c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.279l.063-24.997h25.216c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.179l.063-24.997h86.6v117.208c.062 26.573 12.519 56.87 23.93 71.875l52.917 69.681c-17.871-5.739-35.407-6.694-53.721-3.063-19.13 3.791-37.225 12.075-56.797 22.25-39.41-28.311-98.047-22.141-137.213-8.94l14.663-19.092c2.523-3.285 1.905-7.994-1.38-10.517-3.287-2.522-7.994-1.905-10.517 1.38l-45.526 59.277c-11.658 15.199-20.404 36.102-23.996 57.349-3.869 22.885-1.571 44.467 6.47 60.769 7.64 15.488 24.12 33.95 59.25 33.95h257.238c18.876 0 34.649-5.623 46.191-16.317 10.264 10.083 24.32 16.317 39.81 16.317 31.347 0 56.85-25.503 56.85-56.852v-250.951c0-4.142-3.358-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v48.215c-11.265 5.47-27.619 4.862-37.687-1.871-12.654-8.445-30.919-10.281-46.013-5.509v-28.914h25.098c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.098v-25.025h25.098c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.098v-24.997h25.098c4.142 0 7.5-3.358 7.5-7.5s-3.358-7.5-7.5-7.5h-25.098v-24.996h83.7v73.486c0 4.142 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-74.049c13.02-2.695 22.875-14.833 22.875-29.359 0-16.515-12.711-29.951-28.334-29.951zm-321.356 8.646c-8.244 0-14.95-6.707-14.95-14.951 0-8.228 6.707-14.922 14.95-14.922h110.69c8.244 0 14.95 6.694 14.95 14.922 0 8.244-6.707 14.951-14.95 14.951zm-103.098 324.192 12.11-15.767c30.111-17.327 97.718-32.201 140.776-7.43-.563.302-1.119.599-1.686.902-43.488 23.296-92.546 49.548-166.947 52.625 3.967-11.503 9.407-22.065 15.747-30.33zm287.062 127.935h-257.238c-22.015 0-37.423-8.608-45.797-25.585-7.858-15.93-8.299-36.906-4.008-56.862 80.632-2.283 134.661-31.202 178.263-54.559 50.111-26.844 86.429-46.289 139.046-16.681l18.884 24.866v86.97c0 10.452 2.848 20.247 7.789 28.671-8.845 8.75-21.242 13.18-36.939 13.18zm81.831-233.986c8.081 5.404 18.454 8.106 28.834 8.105 5.865 0 11.731-.865 17.185-2.591v186.62c0 23.077-18.774 41.852-41.85 41.852s-41.85-18.774-41.85-41.852v-194.001c11.258-5.462 27.611-4.854 37.681 1.867zm55.561-181.914h-102.782c-7.353 0-13.334-6.694-13.334-14.922 0-8.244 5.982-14.95 13.334-14.95h102.782c7.353 0 13.334 6.707 13.334 14.95 0 8.227-5.982 14.922-13.334 14.922z"/></g></g></svg>
\ No newline at end of file
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" fill="white" id="Capa_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path d="M479.975,396.734C475.612,389.878,335.323,169.425,331,162.632V90c24.813,0,45-20.187,45-45S355.814,0,331,0H181
c-24.813,0-45,20.187-45,45s20.187,45,45,45v72.632L32.026,396.734C0.216,446.723,36.059,512,95.301,512H416.7
C475.951,512,511.78,446.714,479.975,396.734z M208.656,175.053c1.531-2.407,2.345-5.2,2.345-8.053V90c8.284,0,15-6.716,15-15
s-6.716-15-15-15h-30c-8.271,0-15-6.729-15-15s6.729-15,15-15h150c8.271,0,15,6.729,15,15s-6.729,15-15,15h-30
c-8.284,0-15,6.716-15,15s6.716,15,15,15v77c0,2.853,0.813,5.646,2.345,8.053l40.783,64.087
c-34.906-7.468-72.041-0.893-103.012,19.755l-46.871,31.248c-20.791,13.861-45.363,19.73-69.667,17.034L208.656,175.053z M416.7,482
H95.301c-35.55,0-57.049-39.171-37.965-69.159l49.762-78.198c9.625,2.121,19.357,3.188,29.047,3.188
c26.287,0,52.239-7.726,74.739-22.726l46.871-31.248c34.457-22.971,78.716-23.563,113.686-1.794l83.222,130.778
C473.752,442.833,452.245,482,416.7,482z"/>
<path d="M166,362c-24.813,0-45,20.187-45,45s20.187,45,45,45s45-20.187,45-45S190.814,362,166,362z M166,422
c-8.271,0-15-6.729-15-15s6.729-15,15-15s15,6.729,15,15S174.272,422,166,422z"/>
<path d="M316,302c-24.813,0-45,20.187-45,45s20.187,45,45,45s45-20.187,45-45S340.814,302,316,302z M316,362
c-8.271,0-15-6.729-15-15s6.729-15,15-15s15,6.729,15,15S324.272,362,316,362z"/>
<circle cx="256" cy="407" r="15"/>
<circle cx="376" cy="407" r="15"/>
<circle cx="316" cy="437" r="15"/>
<g>
</g>
<g>
</g>