Commit 4a37ac32 authored by Dennis Appel's avatar Dennis Appel

Base CSS

parent a73c6c9b
......@@ -3,4 +3,6 @@ from django.urls import path
from . import views
app_name = 'about'
urlpatterns = [path('', views.index, name='index')]
urlpatterns = [
path('', views.IndexView.as_view(), name='index'),
]
from django.http import HttpResponse
from django.views import generic
def index(request):
return HttpResponse("About Index")
class IndexView(generic.TemplateView):
template_name = 'about/index.html'
......@@ -32,6 +32,8 @@ INSTALLED_APPS = [
'checklist.apps.ChecklistConfig',
'wiki.apps.WikiConfig',
'glossary.apps.GlossaryConfig',
'welcome.apps.WelcomeConfig',
'about.apps.AboutConfig',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
......
......@@ -2,23 +2,27 @@
{% block content %}
{% if checklist_entries %}
<div id='checklist'>
<ul>
{% for entry in checklist_entries %}
<li>
<label>
<input type="checkbox">{{entry.checkListEntryTitle}}
<span class="primary label">[{{entry.checkListEntrySeverity}}]</span>
</label>
<div class="grid-container">
<h1>Checkliste</h1>
<div id='checklist' class="grid-x grid-margin-x grid-padding-x grid-padding-y grid-margin-y">
{% for entry in checklist_entries %}
<div class="cell cell-background-lg">
<h3>{{entry.checkListEntryTitle}}</h3>
<p>
<span class="alert label">Erledigt</span>
<span class="primary label">{{entry.checkListEntrySeverity}}</span>
</p>
<p>
{{entry.checkListEntryDescription}}</br>
<a href ="{% url 'wiki:index' %}#item_{{entry.id}}">Wiki</a>
<a href ="{% url 'glossary:index'%}#item_{{entry.id}}">Glossary</a>
{{entry.checkListEntryDescription}}
</li>
{% endfor %}
</ul>
{% else %}
<p>Keine Eintraege gefunden</p>
</p>
<button class="hollow button">Erledigt</button>
</div>
{% endfor %}
{% else %}
<p>Keine Eintraege gefunden</p>
</div>
</div>
{% endif %}
......
......@@ -4,5 +4,5 @@ from . import views
app_name = 'glossary'
urlpatterns = [
path('', views.index, name='index'),
path('', views.IndexView.as_view(), name='index'),
]
from django.http import HttpResponse
from django.views import generic
def index(request):
return HttpResponse('Glossary index')
class IndexView(generic.TemplateView):
template_name = 'glossary/index.html'
$light-gray: #fbfbfb;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
.cell-background-lg {
background-color: $light-gray;
}
.cell-background-mg {
background-color: $medium-gray;
}
.cell-background-dg {
background-color: $dark-gray;
}
.cell-background-black {
background-color: $black;
}
.cell-background-white {
background-color: $white;
}
.menu .menu-text{
padding: 0;
}
.top-bar {
padding: 0.5rem;
margin-bottom: 1.5rem;
}
......@@ -69,7 +69,7 @@ $global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
primary: #1779ba,
primary: #165b8a,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
......@@ -167,8 +167,8 @@ $code-font-weight: $global-weight-normal;
$code-background: $light-gray;
$code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
$anchor-color: $primary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-color: $white;
$anchor-color-hover: scale-color($anchor-color, $lightness: -20%);
$anchor-text-decoration: none;
$anchor-text-decoration-hover: none;
$hr-width: $global-width;
......@@ -476,7 +476,7 @@ $menu-simple-margin: 1rem;
$menu-item-color-active: $white;
$menu-item-background-active: get-color(primary);
$menu-icon-spacing: 0.25rem;
$menu-item-background-hover: $light-gray;
$menu-item-background-hover: $white;
$menu-state-back-compat: true;
$menu-centered-back-compat: true;
$menu-icons-back-compat: true;
......@@ -847,7 +847,7 @@ $tooltip-radius: $global-radius;
// -----------
$topbar-padding: 0.5rem;
$topbar-background: $light-gray;
$topbar-background: #23405a;
$topbar-submenu-background: $topbar-background;
$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
$topbar-input-width: 200px;
......
......@@ -50,3 +50,6 @@
@include motion-ui-transitions;
@include motion-ui-animations;
@import "checklist";
@import "navigation";
<!doctype html>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/app.css' %}">
</head>
<body>
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<h1>Welcome to Foundation</h1>
</div>
</div>
</div>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation for Sites</title>
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/app.css' %}" />
</head>
<body>
{% block header %}{% endblock %}
{% block navigation %}{% endblock %}
{% block content %}{% endblock %}
{% block footer %}{% endblock %}
{% block header %}{% endblock %}
{% block navigation %}
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text"><a>Webportal - ergonomische, mobile Anwendungen</a></li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu align-right middle">
<li><a href="/welcome/">Start</a></li>
<li><a href="/about/">Infos</a></li>
<li><a href="/checklist/">Checkliste</a></li>
<li><a href="/wiki/">Wiki</a></li>
<li><a href="/glossary/">Glossar</a></li>
</ul>
</div>
</div>
{% endblock %}
{% block content %}{% endblock %}
{% block footer %}{% endblock %}
<script src="{% static 'node_modules/jquery/dist/jquery.js' %}"></script>
<script src="{% static 'node_modules/what-input/dist/what-input.js' %}"></script>
<script src="{% static 'node_modules/foundation-sites/dist/js/foundation.js' %}"></script>
<script src="{% static 'js/app.js' %}"></script>
</body>
<script src="{% static 'node_modules/jquery/dist/jquery.js' %}"></script>
<script src="{% static 'node_modules/what-input/dist/what-input.js' %}"></script>
<script src="{% static 'node_modules/foundation-sites/dist/js/foundation.js' %}"></script>
<script src="{% static 'js/app.js' %}"></script>
</body>
</html>
......@@ -3,4 +3,6 @@ from django.urls import path
from . import views
app_name = 'welcome'
urlpatterns = [path('', views.index, name='index')]
urlpatterns = [
path('', views.IndexView.as_view(), name='index'),
]
from django.http import HttpResponse
from django.views import generic
def index(request):
return HttpResponse('Welcome index')
class IndexView(generic.TemplateView):
template_name = 'welcome/index.html'
{% include "header.html" %}
{% extends "base.html" %}
{% block content %}
{% if wiki_list %}
<div id="wiki_content">
......@@ -37,5 +38,4 @@
</div>
{% endif %}
{% include "footer.html" %}
{% endblock %}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment