Skip to content
Snippets Groups Projects
Commit 1257a286 authored by Rhiannon Austin's avatar Rhiannon Austin
Browse files

Adding all working spaces to database

parent dec05803
No related branches found
No related tags found
No related merge requests found
No preview for this file type
No preview for this file type
...@@ -104,6 +104,18 @@ nav li a:hover:last-child { ...@@ -104,6 +104,18 @@ nav li a:hover:last-child {
background-color: #111; background-color: #111;
} }
.column {
float: left;
width: 33%;
padding: 5px;
}
.row::after {
content: "";
clear: both;
display: table;
}
.workspace-item { .workspace-item {
background-color: #fff; background-color: #fff;
border-radius: 0.5rem; border-radius: 0.5rem;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<a href="/workspace/{{ workspace.id }}"><img class="image" src="{{ workspace.main_photo }}"></a> <a href="/workspace/{{ workspace.id }}"><img class="image" src="{{ workspace.main_photo }}"></a>
</div> </div>
<div class="main-col"> <div class="main-col">
<div><a href="/workspace/{{ workspace.id }}" class="title">{{ workspace.name }}</a></div> <div><a href="/workspace.{{ workspace.id }}" class="title">{{ workspace.name }}</a></div>
<div> <div>
<span class="meta"><a href="mailto:{{ workspace.email }}">{{ workspace.email }}</a></li> <span class="dot">&middot;</span> <span class="meta"><a href="mailto:{{ workspace.email }}">{{ workspace.email }}</a></li> <span class="dot">&middot;</span>
<span class="meta"><a href="tel:{{ workspace.phone_number }}">{{ workspace.phone_number }}</a></span> <span class="dot">&middot;</span> <span class="meta"><a href="tel:{{ workspace.phone_number }}">{{ workspace.phone_number }}</a></span> <span class="dot">&middot;</span>
...@@ -22,4 +22,4 @@ ...@@ -22,4 +22,4 @@
</div> </div>
{% endfor %} {% endfor %}
</ul> </ul>
{% endblock %} {% endblock %}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="static/style.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href=
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity=
"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<title>{% block title %}{% endblock %} - Tramshed Workspaces</title>
<body>
<div class="row">
<div class="column">
<img src="https://creativecardiff.org.uk/sites/default/files/tramshed.jpg" alt="Working space" style="width:100%">
</div>
<div class="column">
<img src="https://coworker.imgix.net/photos/united-kingdom/cardiff/tramshed-tech/2.jpg?w=1200&h=0&q=90&auto=format,compress&fit=crop&mark=/template/img/wm_icon.png&markscale=5&markalign=center,middle" alt="Employee in working space" style="width:100%">
</div>
<div class="column">
<img src="https://miro.medium.com/max/3984/1*6y4ymVFdD-qcmN647Ljf6Q.png" alt="Mountains" style="width:100%">
</div>
</div>
<!--{% block mainBlock %}{% endblock %}-->
</body>
</html>
{% extends "main.html" %}
{% block title %}Home{% endblock %}
{% block mainBlock %}
<ul>
{% for workspace in workspaces %}
<div class="workspace-item">
<div class="image-col">
<a href="/workspace/{{ workspace.id }}"><img class="image" src="{{ workspace.main_photo }}"></a>
</div>
<div class="main-col">
<div><a href="/workspace.{{ workspace.id }}" class="title">{{ workspace.name }}</a></div>
<div>
<span class="meta"><a href="mailto:{{ workspace.email }}">{{ workspace.email }}</a></li> <span class="dot">&middot;</span>
<span class="meta"><a href="tel:{{ workspace.phone_number }}">{{ workspace.phone_number }}</a></span> <span class="dot">&middot;</span>
<span class="meta"><a href="{{ workspace.website }}" target="_blank">{{ workspace.website }}</a></span>
</div>
<div>
<span class="meta">{{ workspace.address }}</span> <span class="dot">&middot;</span>
<span class="meta">{{ workspace.opening_hours }}</span>
</div>
</div>
</div>
{% endfor %}
</ul>
{% endblock %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment