more sample data, more work on the css
parent
e5394fceca
commit
f6d1df3277
|
@ -15,6 +15,8 @@
|
||||||
|
|
||||||
$Level2[ 'open' ] = $spaceAPI[ 'state' ][ 'open' ];
|
$Level2[ 'open' ] = $spaceAPI[ 'state' ][ 'open' ];
|
||||||
$Level2[ 'people' ] = $spaceAPI[ 'sensors' ][ 'people_now_present' ][ 0 ][ 'value' ];
|
$Level2[ 'people' ] = $spaceAPI[ 'sensors' ][ 'people_now_present' ][ 0 ][ 'value' ];
|
||||||
|
$Level2[ 'address' ] = $spaceAPI[ 'location' ][ 'address' ];
|
||||||
|
$Level2[ 'phone' ] = $spaceAPI[ 'contact' ][ 'phone' ];
|
||||||
|
|
||||||
return $Level2;
|
return $Level2;
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
return $app['twig']->render(
|
return $app['twig']->render(
|
||||||
'level2.twig',
|
'level2.twig',
|
||||||
array(
|
array(
|
||||||
'level2State' => Level2::getStatus()
|
'level2' => Level2::getStatus()
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
@ -43,8 +43,8 @@
|
||||||
<li><a href="#contact">Contact</a></li>
|
<li><a href="#contact">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
{% if level2State.open %}
|
{% if level2.open %}
|
||||||
<li class="status status-open"><a>Open · {{ level2State.people }} hackers inside</a></li>
|
<li class="status status-open"><a>Open · {{ level2.people }} hackers inside</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li class="status status-closed"><a>Closed</a></li>
|
<li class="status status-closed"><a>Closed</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -55,14 +55,20 @@
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="content">
|
{% block container %}
|
||||||
|
{% endblock container %}
|
||||||
{% block content %}
|
|
||||||
{% endblock content %}
|
|
||||||
|
|
||||||
|
<div class="row footer">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
{{ level2.address }}
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
T: <a href="tel:{{ level2.phone }}">{{ level2.phone }}</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
{{ level2.address }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer>test</footer>
|
|
||||||
|
|
||||||
</div> <!-- /container -->
|
</div> <!-- /container -->
|
||||||
|
|
||||||
|
|
|
@ -1,12 +1,42 @@
|
||||||
{% extends "base.twig" %}
|
{% extends "base.twig" %}
|
||||||
|
|
||||||
{% block content %}
|
{% block container %}
|
||||||
|
|
||||||
<!-- Example row of columns -->
|
<!-- Example row of columns -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-7 well">
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h2>Events</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8 event well">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<img src="https://www.hackerspace.lu/wp-content/uploads/2015/01/cfbtncrop.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
<h2>Hello from Tezza :)</h2>
|
<h2>Hello from Tezza :)</h2>
|
||||||
|
<h4>Engineering-desks</h4>
|
||||||
|
<p>We're open every monday ;)</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h2>Hello from Tezza :)</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8 event well">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<img src="https://www.hackerspace.lu/wp-content/uploads/2015/01/cfbtncrop.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h2>Hello from Tezza :)</h2>
|
||||||
|
<h4>Engineering-desks</h4>
|
||||||
|
<p>We're open every monday ;)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -18,24 +18,23 @@ body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.well {
|
.well {
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem;
|
||||||
}
|
border: none;
|
||||||
.container {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.content{
|
|
||||||
background: rgba( 255, 255, 255, 0.7 );
|
background: rgba( 255, 255, 255, 0.7 );
|
||||||
border-radius: 0.4rem 0.4rem 0px 0px;
|
border-radius: 0.4rem;
|
||||||
min-height: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: -50px;
|
|
||||||
padding-bottom: 50px;
|
|
||||||
}
|
}
|
||||||
footer {
|
|
||||||
|
.footer {
|
||||||
|
margin-top: 2rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #4B4949;
|
background-color: #4B4949;
|
||||||
background: rgba( 75, 73, 73, 0.8 );
|
background: rgba( 75, 73, 73, 0.8 );
|
||||||
height: 50px;
|
border-radius: 0.4rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a {
|
||||||
|
color: rgba(127, 213, 225, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -72,3 +71,20 @@ footer {
|
||||||
/**
|
/**
|
||||||
* END - NAVBAR
|
* END - NAVBAR
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
h2, h3, h4 {
|
||||||
|
text-shadow: 1px 0px 6px rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.event h2, .event h3, .event h4, .event p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.event h4 {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
border-radius: 0.4rem;
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue