k-space/homepage-2017
Archived
10
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Activity

New index, added dashboard, font

Browse Source
This commit is contained in:
teras 2017-10-07 20:55:52 +03:00
parent f4509f9f43
commit 663d8bb415
18 changed files with 238 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
challenges/urls.py
View File

@ -25,5 +25,6 @@ urlpatterns = [
url(r'^login/', views.login_view),
url(r'^logout/', views.logout_view),
url(r'^register/', views.register),
url(r'^dashboard/', views.dashboard)
] + static(settings.STATIC_URL, document_root=settings.STATICFILES_DIRS) + \
static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

5
challenges/views.py
View File

@ -68,3 +68,8 @@ def challenge(request):
tags = []
challenge = Challenge(creator=request.user, name=challenge_name, description=challenge_description, tags=tags)
challenge.save()
def dashboard(request):
if request.method == 'GET':
return render(request, 'dashboard.html')

42
static/css/app.css
View File

@ -1,11 +1,49 @@
h1, h2 {
xxxh1, h2 {
font-family: 'Orbitron', cursive;
}
.challenges .btn-large, .header h1 {
.challenges .btn-large {
background-color: #3498db;
}
.headerblock {
height: 25em;
/*background-image: url("http://robot.itcollege.ee/assets/img/sumoesp-soldered.jpg");*/
/*background-size: cover;*/
position: relative;
overflow: hidden;
z-index: 0;
}
.headerblock > div {
/*position: relative;*/
}
.headerblock .fadeimage {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
transition: 1s ease;
opacity: 0;
background-size: cover;
background-position: center center;
}
.fadeimage {
}
.header {
position: absolute;
width: 100%;
left:0;
bottom:0;
background-color: rgba(255,255,255,0.8)
}
.slogan {
color: #3498db;
}

BIN
static/fonts/roboto/Roboto-Bold.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Light.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Light.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Medium.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Regular.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Thin.woff Normal file
View File

Binary file not shown.

BIN
static/fonts/roboto/Roboto-Thin.woff2 Normal file
View File

Binary file not shown.

22
static/js/app.js
View File

@ -1,3 +1,25 @@
$(document).ready(function(){
$('.parallax').parallax();
const TIMEOUT = 4000;
const LENGTH = 3;
let n = 2;
let loopInterval = setInterval(()=> {
let images = $('.fadeimage');
let image = $('.fadeimage:nth-child(' + (n) + ')');
let next = n < LENGTH ? n++ : n=1;
// images.css('opacity', 0)
// image.css('opacity', 1)
// console.log()
// console.log(image);
// console.log(image.css('opacity', 1))
}, TIMEOUT);
});

96
templates/challenge.html Normal file
View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>K-space</title>
<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="static/css/materialize.min.css">
<link rel="stylesheet" href="static/css/app.css">
</head>
<body>
<div id="container" class="grey lighten-4">
<div class="header section center-align">
<h1 class="section darken-2 z-depth-1 white-text">k-space.ee</h1>
</div>
<br/><br/><br/>
<!-- dashboard custom -->
<h3 class="center-align">Challenges</h3>
<div class="row container challenges">
<div class="col s12">
<div class="card small">
<div class="card-content">
<div class="card-title">Linnar Viigi muruniiduk lahti muukida</div>
<p>Immo peal, muru on pikk</p>
</br>
<div>
<div class="chip">Electronics</div>
<div class="chip">Physics</div>
<div class="chip">Robotics</div>
</div>
</br>
<div class="center-align">
<a href="#" class="btn-large">I can do it</a>
</div>
</div>
</div>
</div>
</div>
<!-- dashboard custom -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Contact</h5>
<p class="grey-text text-lighten-4">
<i class="material-icons">phone</i>&nbsp;Call Lauri 55 55 5555
</p>
<h5 class="white-text">Sponsors</h5>
<p class="grey-text text-lighten-4">
We have more than 10 companies supporting us financially and by equipment
</br>
<a href="#">I want to become a sponsor</a>
</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Location</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Mission</a></li>
<li><a class="grey-text text-lighten-3" href="#!">People</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 k-space
<!-- <a class="grey-text text-lighten-4 right" href="#!">More Links</a> -->
</div>
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<script src="static/js/app.js"></script>
</body>
</html>

35
templates/dashboard.html
View File

@ -7,8 +7,8 @@
<title>K-space</title>
<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./materialize.min.css">
<link rel="stylesheet" href="./app.css">
<link rel="stylesheet" href="/static/css/materialize.min.css">
<link rel="stylesheet" href="/static/css/app.css">
</head>
<body>
@ -25,9 +25,9 @@
<h3 class="center-align">Challenges</h3>
<div class="row container challenges">
{% %}
<div class="col s12 m8 offset-m2">
<div class="card">
<div class="col s12 m6">
<div class="card small">
<div class="card-content">
<div class="card-title">Linnar Viigi muruniiduk lahti muukida</div>
@ -40,7 +40,26 @@
</div>
</br>
<div class="center-align">
<a href="#" class="btn-large">I can do it</a>
<a href="./challenge.html" class="btn-large">I can do it</a>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card small">
<div class="card-content">
<div class="card-title">Mälupulgalt andmete taastamine</div>
<p>K-spaces käidi vargil, maha jäi mälupulk. Kas sa saad selle põhjal kindlaks teha kellega oli tegu?</p>
</br>
<div>
<div class="chip">Electronics</div>
<div class="chip">Security</div>
</div>
</br>
<div class="center-align">
<a href="./challenge.html" class="btn-large">I can do it</a>
</div>
</div>
</div>
@ -85,12 +104,12 @@
</div>
</footer>
<div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<script src="./app.js"></script>
<script src="/static/js/app.js"></script>
</body>
</html>

84
templates/index.html
View File

@ -14,18 +14,27 @@
<body>
<div id="container" class="grey lighten-4">
<div class="header section center-align">
<h1 class="section z-depth-1 white-text">k-space.ee</h1>
</div>
<div class="headerblock section">
<br/><br/><br/>
<div class="fadeimage" style="opacity:1;background-image:url('http://robot.itcollege.ee/assets/img/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 ideas to life</h5>
</div>
</div>
<br/><br/><br/>
<!-- landing page custom -->
<div class="row container">
<!-- landing page custom -->
<div class="row container">
<div class="section slogan">
<h2 class="center-align" style="font-weight:bold">Do actual stuff!</br></h2>
</div>
</div>
@ -39,7 +48,7 @@
<h5 class="row">Discover awesome <b class="blue-text">ideas</b></h5>
<div class="row">
<div class="col">
<div class="col s12">
<p class="">
Find out what we are struggling with
@ -52,13 +61,7 @@
</div>
</div>
<a class="btn-large blue" href="/dashboard.html">to ideas</a>
<!-- <div class="card">
<div class="card-image">
<img class="responsive-img" src="https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1055442?width=2600&height=2600&c=bff9f89b4125dc8e3a0b27a8b2a96974&requesttoken=UxgCdwYvOglsFHEzLxo4KkQdLH4UDlgyF2xfAFsHY20%3D%3A0K636DNp8vHvjWqS%2Bzj9WywtPGfLln07OnGOVueXLOI%3D&token=j0HUdRNEaZ37wGE"/>
</div>
</div> -->
<a href="#" class="btn-large blue hide-on-med-and-up">to ideas</a>
</div>
@ -71,18 +74,13 @@
<div class="row">
<div class="col s12">
<p class="">
Assemble a team
<br/>
Try to solve the problem
Check out our community</br>
Explore our wide range of equipment
</p>
</div>
</div>
<!-- <div class="card">
<div class="card-image">
<img class="responsive-img" src="https://owncloud.koodur.com/index.php/apps/gallery/preview.public/1055266?width=2600&height=2600&c=a3c09377586ace640d57e4e7ac9184b7&requesttoken=UxgCdwYvOglsFHEzLxo4KkQdLH4UDlgyF2xfAFsHY20%3D%3A0K636DNp8vHvjWqS%2Bzj9WywtPGfLln07OnGOVueXLOI%3D&token=j0HUdRNEaZ37wGE"/>
</div>
</div> -->
<a href="#" class="btn-large amber hide-on-med-and-up">equipment</a>
</div>
</div>
@ -93,23 +91,28 @@
<h5>Add <b class="green-text">success</b> to your portfolio</h5>
<div class="row">
<div class="col">
<div class="col s12">
<p class="left-align">
Your k-space achievements will be visible to all future visitors
</p>
</div>
</div>
<a href="#" class="btn-large green">to success</a>
<!--
<div class="card">
<div class="card-image">
<img class="responsive-img" src="http://robot.itcollege.ee/assets/img/sumoesp-soldered.jpg"/>
</div>
</div> -->
<a href="#" 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">
<div class="col s12 m4">
<a class="btn-large blue" href="/dashboard">to ideas</a>
</div>
<div class="col s12 m4">
<a href="#" class="btn-large amber ">to equipment</a>
</div>
<div class="col s12 m4">
<a href="#" class="btn-large green ">to success</a>
</div>
</div>
<div class="section map z-depth-1">
@ -123,6 +126,8 @@
</div>
</div>
</div>
<!-- SVG START -->
<div class="container white-text">
<div class="row">
<div class="col s1">Office 21m2</div>
@ -137,10 +142,12 @@
<div class="col s1">&nbsp;</div>
<div class="col s1">Office 20m2</div>
<div class="col s1">&nbsp;</div>
</div>
</div>
<div class="container">
<!-- 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">
@ -221,7 +228,7 @@
</g>
</g>
</svg>
<!-- SVG END -->
</div>
<div class="container white-text">
@ -239,6 +246,11 @@
</div>
</div>
</div>
<!-- SVG END -->
<div>
<div class="row section">
@ -268,11 +280,7 @@
<h5 class="white-text">Sponsors</h5>
<p class="grey-text text-lighten-4">
More than 10 paying members
</br>
More than 3 companies supporting
We have more than 10 companies supporting us financially and by equipment
</br>
<a href="#">I want to become a sponsor</a>
</p>

2
templates/landing.html
View File

@ -11,7 +11,7 @@
<title>3 Col Portfolio - Start Bootstrap Template</title>
<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- Custom styles for this template -->
<link href="static/css/3-col-portfolio.css" rel="stylesheet">