Separate map and correct room usage

This commit is contained in:
Lauri Võsandi 2017-12-03 14:26:15 +02:00
parent ff1fbb7403
commit 8fe36ecefc
3 changed files with 123 additions and 136 deletions

View File

@ -19,25 +19,26 @@
<div class="col l6 s12"> <div class="col l6 s12">
<h5 class="white-text">Contact</h5> <h5 class="white-text">Contact</h5>
<p class="grey-text text-lighten-4"> <p class="grey-text text-lighten-4">
<i class="material-icons">phone</i> Phone: +372 5332 9412 <i class="material-icons">person</i> Lauri Võsandi<br/>
<br> <i class="material-icons">phone</i> +372 5332 9412<br/>
<i class="material-icons">email</i> Email: lauri.vosandi@gmail.com <i class="material-icons">email</i> lauri.vosandi@gmail.com
</p> </p>
<h5 class="white-text">Sponsors</h5> <h5 class="white-text">Partners</h5>
<p class="grey-text text-lighten-4"> <p class="grey-text text-lighten-4">
We have more than 10 companies supporting us financially and by equipment <ul>
</br> <li>Thorgate</li>
<a class="highlight" href="#">I want to become a sponsor</a> <li>Stork Drives</li>
<li>Tallinn University of Technology</li>
<li>3D Partner</li>
</ul>
Contact us if you want to become a sponsor
</p> </p>
</div> </div>
<div class="col l4 offset-l2 s12"> <div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5> <h5 class="white-text">Links</h5>
<ul> <p>We're located at Akadeemia tee 21/1, fifth floor. You can take elevator to 4th floor and then take stairs to the 5th</p>
<li><a class="highlight" href="#!">Mission</a></li>
<li><a class="highlight" href="#!">People</a></li>
</ul>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1015.5421689053422!2d24.659768056865254!3d59.39830538168295!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x469295abf80677bd%3A0x89a6e8a5671f608b!2sAkadeemia+tee+21%2F1%2C+12618+Tallinn!5e0!3m2!1set!2see!4v1507405326247" <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1015.5421689053422!2d24.659768056865254!3d59.39830538168295!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x469295abf80677bd%3A0x89a6e8a5671f608b!2sAkadeemia+tee+21%2F1%2C+12618+Tallinn!5e0!3m2!1set!2see!4v1507405326247"
width="350" height="200" frameborder="0" style="border:0" allowfullscreen></iframe> width="350" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
</div> </div>
@ -45,8 +46,7 @@
</div> </div>
<div class="footer-copyright"> <div class="footer-copyright">
<div class="container"> <div class="container">
© 2017 k-space © 2017 k-space.ee
<!-- <a class="grey-text text-lighten-4 right" href="#!">More Links</a> -->
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -13,11 +13,10 @@
<div class="fadeimage" style="background-image:url('https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1055905?width=2600&height=2600&c=a635e088958188e4490b17a91602366a&requesttoken=TGJTDncMBCtJEG40Djt9HSUBIykoWn4bNwQpP09YAx4%3D%3A85kCFd3z8QYaaAKggYmQi%2F0mtMcmz7iSGQBOmq84Z50%3D&token=j0HUdRNEaZ37wGE')"></div> --> <div class="fadeimage" style="background-image:url('https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1055905?width=2600&height=2600&c=a635e088958188e4490b17a91602366a&requesttoken=TGJTDncMBCtJEG40Djt9HSUBIykoWn4bNwQpP09YAx4%3D%3A85kCFd3z8QYaaAKggYmQi%2F0mtMcmz7iSGQBOmq84Z50%3D&token=j0HUdRNEaZ37wGE')"></div> -->
<div class="header center-align z-depth-1 section"> <div class="header center-align z-depth-1 section">
{% include 'logo.svg' %} <h1 class="">k-space.ee</h1>
<!--<h1 class="">k-space.ee</h1>
<div class="slogan"> <div class="slogan">
<h5 class="center-align">Community-driven space for bringing your tech dreams to life</h5> <h5 class="center-align">Community-driven space for bringing your tech dreams to life</h5>
</div>--> </div>
</div> </div>
<br/><br/><br/> <br/><br/><br/>
@ -66,7 +65,7 @@
</div> </div>
</div> </div>
<a href="/inventory" class="btn-large amber hide-on-med-and-up">to equipment</a> <a href="#" class="btn-large amber hide-on-med-and-up">to equipment</a>
</div> </div>
</div> </div>
@ -127,134 +126,21 @@
<div class="col s1">&nbsp;</div> <div class="col s1">&nbsp;</div>
<div class="col s1">Office 20m<sup>2</sup></div> <div class="col s1">Office 20m<sup>2</sup></div>
<div class="col s1">&nbsp;</div> <div class="col s1">&nbsp;</div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
{% include "map.svg" %}
<!-- SVG START -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 802.7 239.1" style="enable-background:new 0 0 802.7 239.1;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #26719B;
stroke: #34495E;
stroke-width: 5;
stroke-miterlimit: 10;
}
.st1 {
fill: #3498DB;
stroke: #34495E;
stroke-width: 5;
stroke-miterlimit: 10;
}
.st2 {
fill: #ECF0F1;
stroke: #ECF0F1;
stroke-miterlimit: 10;
}
.st3 {
fill: #ECF0F1;
stroke: #ECF0F1;
stroke-width: 0.5;
stroke-miterlimit: 10;
}
.st4 {
fill: none;
stroke: #ECF0F1;
stroke-miterlimit: 10;
}
</style>
<g id="bg">
</g>
<g id="Layer_1">
<g id="XMLID_20_">
<rect id="XMLID_14_" x="67.2" y="70.6" class="st0" width="265.8" height="29.8"/>
<rect id="XMLID_16_" x="399.4" y="70.6" class="st0" width="265.8" height="29.8"/>
</g>
<g id="XMLID_17_">
<rect id="XMLID_1_" x="0" y="100.9" class="st1" width="333" height="40.2"/>
<rect id="XMLID_4_" x="67.2" y="141.2" class="st1" width="66.4" height="66.4"/>
<rect id="XMLID_5_" x="0" y="176.4" class="st1" width="67.2" height="31.2"/>
<rect id="XMLID_6_" x="133.6" y="141.2" class="st1" width="66.4" height="66.4"/>
<rect id="XMLID_7_" x="333" y="141.2" class="st1" width="66.4" height="66.4"/>
<polygon id="XMLID_3_" class="st1" points="33.6,100.4 0,100.4 0,46.3 14.3,31.5 33.6,31.5 "/>
<rect id="XMLID_2_" x="398.9" y="100.4" class="st1" width="265.8" height="40.2"/>
<rect id="XMLID_13_" x="531.8" y="140.6" class="st1" width="66.4" height="66.4"/>
<rect id="XMLID_11_" x="598.3" y="140.6" class="st1" width="66.4" height="66.4"/>
<polygon id="XMLID_8_" class="st1" points="698.3,100.4 664.7,100.4 664.7,46.3 679,31.5 698.3,31.5 "/>
<rect id="XMLID_10_" x="333" y="100.9" class="st1" width="66.4" height="40.2"/>
<polygon id="XMLID_12_" class="st1" points="365.3,100.4 398.9,100.4 398.9,46.3 384.6,31.5 365.3,31.5 "/>
<polygon id="XMLID_9_" class="st1" points="769.2,207.1 732.2,207.1 732.2,140.6 664.7,140.6 664.7,100.4 769.2,100.4 "/>
</g>
</g>
<g id="jooned">
<g id="XMLID_212_">
<line id="XMLID_214_" class="st2" x1="16.3" y1="65.9" x2="16.3" y2="0"/>
<ellipse id="XMLID_213_" class="st3" cx="16.3" cy="65.9" rx="4" ry="3.9"/>
</g>
<g id="XMLID_209_">
<line id="XMLID_211_" class="st2" x1="166" y1="121.1" x2="166" y2="-0.2"/>
<ellipse id="XMLID_210_" class="st3" cx="166" cy="121.1" rx="4" ry="3.9"/>
</g>
<g id="XMLID_206_">
<line id="XMLID_208_" class="st2" x1="565" y1="120.6" x2="565" y2="-0.7"/>
<ellipse id="XMLID_207_" class="st3" cx="565" cy="120.6" rx="4" ry="3.9"/>
</g>
<g id="XMLID_203_">
<polyline id="XMLID_205_" class="st4" points="382.1,66 348.6,66 348.6,0 "/>
<ellipse id="XMLID_204_" class="st3" cx="382.1" cy="66" rx="3.9" ry="4"/>
</g>
<g id="XMLID_200_">
<line id="XMLID_202_" class="st2" x1="681.5" y1="65.7" x2="681.5" y2="-0.2"/>
<ellipse id="XMLID_201_" class="st3" cx="681.5" cy="65.7" rx="4" ry="3.9"/>
</g>
<g id="XMLID_197_">
<line id="XMLID_199_" class="st2" x1="33.1" y1="191.4" x2="33.1" y2="239.1"/>
<ellipse id="XMLID_198_" class="st3" cx="33.1" cy="191.4" rx="4" ry="3.9"/>
</g>
<g id="XMLID_194_">
<line id="XMLID_196_" class="st2" x1="99.9" y1="174.1" x2="99.9" y2="239.1"/>
<ellipse id="XMLID_195_" class="st3" cx="99.9" cy="173.8" rx="4" ry="3.9"/>
</g>
<g id="XMLID_191_">
<polyline id="XMLID_193_" class="st4" points="166.8,174.4 230.9,174.4 230.9,239.1 "/>
<ellipse id="XMLID_192_" class="st3" cx="166.8" cy="174.4" rx="3.9" ry="4"/>
</g>
<g id="XMLID_188_">
<line id="XMLID_190_" class="st2" x1="365.7" y1="173.8" x2="365.7" y2="239.2"/>
<ellipse id="XMLID_189_" class="st3" cx="365.7" cy="173.8" rx="4" ry="3.9"/>
</g>
<g id="XMLID_185_">
<line id="XMLID_187_" class="st2" x1="565" y1="173.8" x2="565" y2="239.1"/>
<ellipse id="XMLID_186_" class="st3" cx="565" cy="173.8" rx="4" ry="3.9"/>
</g>
<g id="XMLID_182_">
<line id="XMLID_184_" class="st2" x1="631.5" y1="173.8" x2="631.5" y2="239.1"/>
<ellipse id="XMLID_183_" class="st3" cx="631.5" cy="173.8" rx="4" ry="3.9"/>
</g>
</g>
</svg>
</div> </div>
<div class="container white-text" id="svgtext"> <div class="container white-text" id="svgtext">
<div class="row"> <div class="row">
<div class="col s1">Servers</div> <div class="col s1">Hangout area</div>
<div class="col s2">3D printers, lasercutter, soldering</div> <div class="col s2">Lounge, PC-s, IoT lab</div>
<div class="col s2">CNC machine, saw, lathe, mill</div> <div class="col s2">Meeting room</div>
<div class="col s2">Kitchen, toilet, sauna</div> <div class="col s2">Kitchen, toilet, sauna</div>
<div class="col s2">Soldering irons, reflow oven, robotics lab</div>
<div class="col s1">&nbsp;</div> <div class="col s3">CNC machine, saw, lathe, mill, 3D printers, lasercutter</div>
<div class="col s1">Meeting room</div>
<div class="col s1">Lounge</div>
<div class="col s1">&nbsp;</div>
<div class="col s1">&nbsp;</div>
</div> </div>
</div> </div>
</div> </div>

101
templates/map.svg Normal file
View File

@ -0,0 +1,101 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 802.7 239.1" style="enable-background:new 0 0 802.7 239.1;">
<style type="text/css">
.st0 {
fill: #26719B;
stroke: #34495E;
stroke-width: 5;
stroke-miterlimit: 10;
}
.st1 {
fill: #3498DB;
stroke: #34495E;
stroke-width: 5;
stroke-miterlimit: 10;
}
.st1:hover {
fill: #77b9e7;
transition: fill 0.3s;
}
.st3 {
fill: #ECF0F1;
stroke: #ECF0F1;
stroke-width: 0.5;
stroke-miterlimit: 10;
}
.st4 {
fill: none;
stroke: #ECF0F1;
stroke-miterlimit: 10;
}
</style>
<g>
<g>
<rect x="67.2" y="70.6" class="st0" width="265.8" height="29.8"/>
<rect x="399.4" y="70.6" class="st0" width="265.8" height="29.8"/>
</g>
<g>
<rect x="0" y="100.9" class="st1" width="333" height="40.2"/>
<rect x="67.2" y="141.2" class="st1" width="66.4" height="66.4"/>
<rect x="0" y="176.4" class="st1" width="67.2" height="31.2"/>
<rect x="133.6" y="141.2" class="st1" width="66.4" height="66.4"/>
<rect x="333" y="141.2" class="st1" width="66.4" height="66.4"/>
<polygon class="st1" points="33.6,100.4 0,100.4 0,46.3 14.3,31.5 33.6,31.5 "/>
<rect x="398.9" y="100.4" class="st1" width="265.8" height="40.2"/>
<rect x="531.8" y="140.6" class="st1" width="66.4" height="66.4"/>
<rect x="598.3" y="140.6" class="st1" width="66.4" height="66.4"/>
<polygon class="st1" points="698.3,100.4 664.7,100.4 664.7,46.3 679,31.5 698.3,31.5 "/>
<rect x="333" y="100.9" class="st1" width="66.4" height="40.2"/>
<polygon class="st1" points="365.3,100.4 398.9,100.4 398.9,46.3 384.6,31.5 365.3,31.5 "/>
<polygon class="st1" points="769.2,207.1 732.2,207.1 732.2,140.6 664.7,140.6 664.7,100.4 769.2,100.4 "/>
</g>
<g>
<line class="st4" x1="16.3" y1="65.9" x2="16.3" y2="0"/>
<ellipse class="st3" cx="16.3" cy="65.9" rx="4" ry="3.9"/>
</g>
<g>
<line class="st4" x1="166" y1="121.1" x2="166" y2="-0.2"/>
<ellipse class="st3" cx="166" cy="121.1" rx="4" ry="3.9"/>
</g>
<g>
<line class="st4" x1="565" y1="120.6" x2="565" y2="-0.7"/>
<ellipse class="st3" cx="565" cy="120.6" rx="4" ry="3.9"/>
</g>
<g>
<polyline class="st4" points="382.1,66 348.6,66 348.6,0 "/>
<ellipse class="st3" cx="382.1" cy="66" rx="3.9" ry="4"/>
</g>
<g>
<line class="st4" x1="681.5" y1="65.7" x2="681.5" y2="-0.2"/>
<ellipse class="st3" cx="681.5" cy="65.7" rx="4" ry="3.9"/>
</g>
<g>
<line class="st4" x1="33.1" y1="191.4" x2="33.1" y2="239.1"/>
<ellipse class="st3" cx="33.1" cy="191.4" rx="4" ry="3.9"/>
</g>
<g>
<line class="st4" x1="99.9" y1="174.1" x2="99.9" y2="239.1"/>
<ellipse class="st3" cx="99.9" cy="173.8" rx="4" ry="3.9"/>
</g>
<g>
<polyline class="st4" points="166.8,174.4 230.9,174.4 230.9,239.1 "/>
<ellipse class="st3" cx="166.8" cy="174.4" rx="3.9" ry="4"/>
</g>
<g>
<line class="st4" x1="365.7" y1="173.8" x2="365.7" y2="239.2"/>
<ellipse class="st3" cx="365.7" cy="173.8" rx="4" ry="3.9"/>
</g>
<g>
<polyline class="st4" points="565.8,174.4 500,174.4 500,239.1 "/>
<ellipse class="st3" cx="565" cy="173.8" rx="4" ry="3.9"/>
</g>
<g>
<line class="st4" x1="631.5" y1="173.8" x2="631.5" y2="239.1"/>
<ellipse class="st3" cx="631.5" cy="173.8" rx="4" ry="3.9"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB