This repository has been archived on 2024-07-30. You can view files and clone it, but cannot push or open issues or pull requests.
homepage-2017/templates/index.html
2018-04-27 20:00:59 +03:00

704 lines
27 KiB
HTML

<head>
<link rel="stylesheet" href="/static/css/index.css?ts=100">
</head>
{% extends 'base_footer.html' %}
{% block base_footer %}
<div class="headerblock section">
<div class="fadeimage"
style="opacity:1;background-image:url('//media.k-space.ee/sumoesp-soldered.jpg')"></div>
<!-- <div class="fadeimage" style="background-image:url('https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1092117?width=2600&height=2600&c=d21f5a223e7ae8c692c537e6a35ae37f&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">
<h1 class="">k-space.ee</h1>
<div class="slogan">
<h5 class="center-align">Community-driven space for bringing your tech dreams to life</h5>
</div>
</div>
<br/><br/><br/>
<!-- landing page custom -->
<div class="row container">
</div>
</div>
<!-- ideas solution success -->
<div class="row container section" style="padding-bottom: 0px; margin-bottom: 0px">
<div class="col s12 m4">
<div class="section center-align">
<i class="material-icons large">search</i><br/>
<h5>Discover awesome <b class="blue-text">ideas</b></h5>
<div class="row">
<div class="col s12">
<p class="">
Find out what we are struggling with<br>
Browse our list of challenges<br>
Come up with even more awesome ideas
</p>
</div>
</div>
<a href="/challenges" class="btn-large blue hide-on-med-and-up">to ideas</a>
</div>
</div>
<div class="col s12 m4">
<div class="section center-align">
<i class="material-icons large">lightbulb_outline</i><br/>
<h5>Find a <b class="amber-text">solution</b></h5>
<div class="row">
<div class="col s12">
<p class="">
Check out our community<br>
Explore our wide range of equipment
</p>
</div>
</div>
<a href="#" class="btn-large amber hide-on-med-and-up">to equipment</a>
</div>
</div>
<div class="col s12 m4">
<div class="section center-align">
<i class="material-icons large">star_half</i><br/>
<h5>Add <b class="green-text">success</b> to your portfolio</h5>
<div class="row">
<div class="col s12">
<p class="">
Your k-space achievements will be visible to all future visitors
</p>
</div>
</div>
<a href="/halloffame" class="btn-large green hide-on-med-and-up">to success</a>
</div>
</div>
</div>
<div class="row container center-align hide-on-small-only" style="margin-bottom: 45px;">
<div class="col s12 m4">
<a class="btn-large blue" href="/challenges">to ideas</a>
</div>
<div class="col s12 m4">
<a href="/inventory" class="btn-large amber ">to equipment</a>
</div>
<div class="col s12 m4">
<a href="/halloffame" class="btn-large green ">to success</a>
</div>
</div>
<div class="section map z-depth-1">
<div class="container white-text">
<h2 class="">We have</h2>
<div class="row section">
<div class="col s12 m6">
<h5>More than <b>300m<sup>2</sup></b> of space</h5>
<p>It's like the whole floor</p>
</div>
</div>
</div>
<!-- SVG START -->
<div class="container white-text" id="svgtext" >
<div class="row">
<div class="col s1">Office 21m<sup>2</sup></div>
<div class="col s1">&nbsp;</div>
<div class="col s1">Lockers</div>
<div class="col s1">&nbsp;</div>
<div class="col s1">&nbsp;</div>
<div class="col s1">Office 15m<sup>2</sup></div>
<div class="col s1">&nbsp;</div>
<div class="col s1">&nbsp;</div>
<div class="col s1">More lockers</div>
<div class="col s1">&nbsp;</div>
<div class="col s1">Office 20m<sup>2</sup></div>
<div class="col s1">&nbsp;</div>
</div>
</div>
<div class="container">
{% include "map.svg" %}
</div>
<div class="container white-text" id="svgtext">
<div class="row">
<div class="col s1">Hangout area</div>
<div class="col s2">Lounge, PC-s, IoT lab</div>
<div class="col s2">Meeting room</div>
<div class="col s2">Kitchen, toilet, sauna</div>
<div class="col s2">Soldering irons, reflow oven, robotics lab</div>
<div class="col s3">CNC machine, saw, lathe, mill, 3D printers, lasercutter</div>
</div>
</div>
</div>
<!-- SVG END -->
<div class="container black-text">
<div class="row" style="margin-top: 32px">
<div class="col s12 m6">
<h2 class="">Challenges</h2>
</div>
</div>
<div class="row">
<div class="col s12">
<span class="flow-text">
Do something new. Test yourself. Improve your portfolio. Have fun.
</span>
<p>
Take part in our many challenges, ranging from restoring corrupted files from a flash drive to taking down
walls with a sledgehammer. Once a challenge has been completed, the user will be added to our glorious hall of
fame, where friends and employers can awe at your achievements.
</p>
</div>
</div>
<div class="row challenges">
{% for challenge in challenges %}
<div class="col s12 m4 l3">
<div class="card small">
<div class="card-content">
<div class="card-title">{{ challenge.name }}</div>
<p style="height: 6em; overflow: auto;">{{ challenge.description }}</p>
</br>
<div>
{% for tag in challenge.tags.all %}
<div class="chip">{{ tag.name }}</div>
{% endfor %}
</div>
</br>
</div>
</div>
</div>
{% endfor %}
</div>
<br>
<div class="row">
<div class="center-align">
<a href="challenges" class="btn-large blue">Browse all challenges</a>
</div>
</div>
</div>
<div class="section map z-depth-1">
<div class="container white-text">
<div class="row" style="margin-top: 32px">
<div class="col s12 m6">
<h2 class="">Team</h2>
</div>
</div>
<div class="row">
<p>We have our roots in the Robotics Club of Estonian IT College as
several key memebers are graduates of the College and were active Robotics Club members in the past.
Most of us have numerous years of work experience in ICT sector and we've travelled the world to see how hackerspaces and makerspaces operate.
We know that we've got what it takes to operate k-space.
</p>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/lauri.jpg">
</div>
<div class="card-content">
<div class="card-title">Lauri Võsandi</div>
<p style="height: 6em; overflow: auto;">Founder of the k-space.
<a href="http://www.lpi.org/our-certifications/lpic-3-300-overview">Certified Linux expert</a>, Python developer and systems integrator.
See more info at <a href="https://lauri.vosandi.com/" target="_blank">lauri.vosandi.com</a>
</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/allan.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Allan Vein</div>
<p style="height: 6em; overflow: auto;">Mr Inappropriate<br/>&nbsp;</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/erki.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Erki Naumanis</div>
<p style="height: 6em; overflow: auto;">
<a href="http://www.mesinikeliit.ee/aasta-mesinik-2016/">Beekeeper of the year 2016</a>. Builder of smart Internet enabled beehives</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="https://pbs.twimg.com/profile_images/2548581494/2011-06-22--02-timmu-and-laes_400x400.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Priit Laes</div>
<p style="height: 6em; overflow: auto;">Embedded Linux systems expert and kernel developer. See more info at <a href="http://plaes.org" target="_blank">plaes.org</a></p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/silver.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Silver Kuusik</div>
<p style="height: 6em; overflow: auto;">Electronics schematic design & software development. Founder of <a href="http://www.robokoding.com/" target="_blank">Robokoding</a></p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/mihkel.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Mihkel Raba</div>
<p style="height: 6em; overflow: auto;">IT Management, Pentesting, Firewalls, Storage, Linux servers, ESP32 software development</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/jaan.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Jaan Jänesmäe</div>
<p style="height: 6em; overflow: auto;">3D printing, weekly Chaostreff and drone building</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="https://gitlab.pld.ttu.ee/uploads/-/system/user/avatar/74/avatar.png"/>
</div>
<div class="card-content">
<div class="card-title">Aaditya Parashar</div>
<p style="height: 6em; overflow: auto;">Web design at <a href="http://www.apdesigns.xyz/">AP designs</a></p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/arti.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Arti Zirk</div>
<p style="height: 6em; overflow: auto;">Random tinkering</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/members/anto.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Anto Veldre</div>
<p style="height: 6em; overflow: auto;">That legendary computer security guy</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Marek Juhanson</div>
<p style="height: 6em; overflow: auto;">3D printing and product design</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Marju</div>
<p style="height: 6em; overflow: auto;">Interested in combining <a href="https://marju.niinemaa.com/">history &amp; computers</a></p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Karl Hendrik</div>
<p style="height: 6em; overflow: auto;">Server hosting & clustering</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Marvin</div>
<p style="height: 6em; overflow: auto;">Server hosting</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Artur</div>
<p style="height: 6em; overflow: auto;">Altcoin mining</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Arp</div>
<p style="height: 6em; overflow: auto;">Drone building & robotics</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Endel</div>
<p style="height: 6em; overflow: auto;">Tinkering with hobby projects</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Jordan</div>
<p style="height: 6em; overflow: auto;">Needs a punchline here</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Andres</div>
<p style="height: 6em; overflow: auto;">Needs a punchline here</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Frank</div>
<p style="height: 6em; overflow: auto;">That space probe guy</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minion.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Kristjan</div>
<p style="height: 6em; overflow: auto;">Veteran sysadmin & high availability expert</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minions.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Valdur & Kristjan</div>
<p style="height: 6em; overflow: auto;">Honorary members. Robotics & CNC experts. See more at <a href="http://wiseparker.com/">wiseparker.com</a></p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minions.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Raul & Janno</div>
<p style="height: 6em; overflow: auto;">Honorary members. Team Dozer. CUDA programming experts.</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/minions.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Erik & Indrek</div>
<p style="height: 6em; overflow: auto;">Honorary members. Team Neve.</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/professor.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Truls</div>
<p style="height: 6em; overflow: auto;">Honorary member. Cisco networking expert.</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/professor.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Fred</div>
<p style="height: 6em; overflow: auto;">Honorary member. That algorithm sorcery and Python guy</p>
</div>
</div>
</div>
<div class="col s12 m3 black-text">
<div class="card">
<div class="card-image">
<img src="//media.k-space.ee/professor.jpg"/>
</div>
<div class="card-content">
<div class="card-title">Mohanad</div>
<p style="height: 6em; overflow: auto;">Honorary member. The captain.</p>
</div>
</div>
</div>
</div>
<p>Interested in joining the core team? Give Lauri a call and schedule for a visit.</p>
</div>
</div>
<div class="container black-text">
<div class="row" style="margin-top: 32px">
<div class="col s12">
<h2 class="" id="services">Events</h2>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<p>In addition to the regular and not so regular events on the right we're in talks about hosting following as well:</p>
<ul class="browser-default">
<li>Python CodeClub</li>
<li><a href="https://www.meetup.com/TallinnSec/">TallinnSec Meetup</a></li>
<li><a href="https://www.facebook.com/events/203931076859994/">Cryptoparty</a></li>
<li>Robotex prep arena</li>
</ul>
</div>
<div class="col s12 m6">
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=400&amp;wkst=2&amp;hl=en&amp;bgcolor=%23FFFFFF&amp;src=m5irb4eke9npgk25nrb4qh41v4%40group.calendar.google.com&amp;color=%236B3304&amp;ctz=Europe%2FTallinn" style="border-width:0" width="100%" height="400" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<div class="container black-text">
<div class="row" style="margin-top: 32px">
<div class="col s12">
<h2 class="" id="services">For individuals</h2>
</div>
</div>
<div class="row">
<p>For individuals we have several offers:</p>
<ul class="browser-default">
<li>Environment to learn about the latest trends in IT and tech down to the hardware and electronics level</li>
<li>Looking for a particular gadget to test out your idea? Raspberry Pi? Arduino? We got you covered!</li>
<li>Location for you interest group activities, see more info <a href="https://wiki.k-space.ee/index.php?title=Events" target="_blank">here</a></li>
<li>Use our equipment, we've got soldering stations, CNC machines, 3D printers and more</li>
<li>Office space for your personal projects or freelance work. Renting a whole office on your own might not make sense, why not join us?</li>
<li>As a bonus we also have a server room so you can get your machine up and online in no time</li>
</ul>
</div>
<div class="row">
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title" style="font-family: 'Orbitron', cursive; font-size:200%;">Supporter</span>
<p>Beginner package the get you started at our hackerspace</p>
<ul class="browser-default">
<li>Access to rooms 24/7</li>
<li>Locker for personal belongings</li>
<li>Access to common equipment</li>
<li>Access to coffee machine</li>
<li>Use any free desk space available</li>
<li><a href="https://nextcloud.k-space.ee">10TB+ Nextcloud instance</a></li>
<li>Host your workshops/trainings at our lab</li>
</ul>
<p style="text-align:right; font-size:200%;font-family: 'Orbitron', cursive;">29€/month</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title" style="font-family: 'Orbitron', cursive; font-size:200%;">Member</span>
<p>In addition to the stuff on the left you get following for your freelance work or hobby projects:</p>
<ul class="browser-default">
<li>Slightly more permanent desk setup and a cupboard</li>
<li>Couple units of rack space in the server room</li>
<li>Couple public IPv4 addresses for your projects</li>
</ul>
<p style="text-align:right; font-size:200%;font-family: 'Orbitron', cursive;">59€/month</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title" style="font-family: 'Orbitron', cursive; font-size:200%;">Resident</span>
<p>In addition to the stuff on the left you get:</p>
<ul class="browser-default">
<li>Permanent desk and equipment setup</li>
</ul>
<p style="text-align:right; font-size:200%;font-family: 'Orbitron', cursive;">99€/month</p>
</div>
</div>
</div>
</div>
</div>
<div class="gallery" style="height:400px;">
<img src="//media.k-space.ee/nixiesp12.jpg"/
><img src="//media.k-space.ee/basketball-robots-front.jpg"/
><img src="//media.k-space.ee/nixiesp12-assembled.jpg"/
><img src="//media.k-space.ee/basketball.jpg"/
><img src="//media.k-space.ee/basketball-robot-base.jpg"/
><img src="//media.k-space.ee/sumod-arsenalis.jpg"/
><img src="//media.k-space.ee/sumoesp.jpg"/
><img src="//media.k-space.ee/mass-produced-pcbs.jpg"/
><img src="//media.k-space.ee/basketball-robots.jpg"/
>
</div>
<div class="container black-text">
<div class="row" style="margin-top: 32px">
<div class="col s12">
<h2 id="services">Services for students</h2>
</div>
</div>
<div class="row">
<p>For students we offer several interesting opportunities:</p>
<ul class="browser-default">
<li>Internship opportunities and supervision, suggest a topic yourself or ask Lauri</li>
<li>Desk and equipment for your thesis project, eg HackRF, Proxmark etc. Let us know what you need.</li>
<li>Practice for Locked Shields test run</li>
<li>Customized 3 ECTS course for your topic of interest</li>
<li>Funding and equipment to participate at Robotex</li>
</ul>
<p>
We participated with two football robots at Robotex 2016. Here's a sneak peek what the robot sees on-board:
</p>
</div>
</div>
<div style="position:relative;">
<video loop autoplay width="100%">
<source src="https://media.k-space.ee/zoidberg-football.mp4" type="video/mp4">
</video>
</div>
<div class="container black-text">
<div class="row" style="margin-top: 32px">
<div class="col s12">
<h2 class="" id="services">Corporate interests</h2>
</div>
</div>
<div class="row">
<p>We offer variety of interesting paid options for your company:</p>
<ul class="browser-default">
<li>Organize your corporate event at our place. We can help with the entertainment and you have opportunity to meet new potential employees.</li>
<li>Rent our gadgets and toys for a corporate event, eg sumorobots in your company's booth at a conference</li>
<li>Invite us to come and fill in with the entertainment portion of your corporate event</li>
<li>Location and equipment to carry out trainings ranging from Arduino-s, Raspberry Pi-s to radiocommunications and networking</li>
<li>Provide your employees location and equipment to engage in hobby activities eg. 3D printing and building quadricopters</li>
<li>Let us help with headhunting - provide us with a detailed description of what kind of people you're looking for and we'll help you to find them. Set up a roll-up stand at our hackerspace for more visibility. Send us your challenges, perhaps someone from here would like to tackle it.</li>
<li>Corporate visibility at international robotics competiton Robotex. Our hackerspace members have participated repeatedly at the Robotex in the past. In 2018 we're planning to participate in the basketball robots and ICD grand challenge categories.</li>
</ul>
<p>Contact Lauri via e-mail address below for more information</p>
</div>
</div>
<br>
{% endblock %}