Add mockup of home page
This commit is contained in:
Ian Adam Naval
parent
197ec993d6
commit
be075ce3e6
BIN
librebudget/core/static/img/key162.png
Normal file
BIN
librebudget/core/static/img/key162.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1010 B |
124
librebudget/core/static/img/logo.svg
Normal file
124
librebudget/core/static/img/logo.svg
Normal file
@ -0,0 +1,124 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="75.249283mm"
|
||||
height="12.375248mm"
|
||||
viewBox="0 0 266.63132 43.849304"
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="logo.svg">
|
||||
<defs
|
||||
id="defs4" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="1.979899"
|
||||
inkscape:cx="44.025276"
|
||||
inkscape:cy="-34.212305"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="true"
|
||||
showguides="false"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1053"
|
||||
inkscape:window-x="1920"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0" />
|
||||
<metadata
|
||||
id="metadata7">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-147.02337,-533.69503)">
|
||||
<g
|
||||
transform="translate(-1.5152288,3.5355339)"
|
||||
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
id="flowRoot3336">
|
||||
<path
|
||||
d="m 202.43555,565.43532 0,-28.63281 3.78906,0 0,25.25391 14.10156,0 0,3.3789 -17.89062,0 z"
|
||||
style=""
|
||||
id="path4140" />
|
||||
<path
|
||||
d="m 224.42773,540.84548 0,-4.04297 3.51563,0 0,4.04297 -3.51563,0 z m 0,24.58984 0,-20.74218 3.51563,0 0,20.74218 -3.51563,0 z"
|
||||
style=""
|
||||
id="path4142" />
|
||||
<path
|
||||
d="m 236.55664,565.43532 -3.26172,0 0,-28.63281 3.51563,0 0,10.21484 q 2.22656,-2.79296 5.68359,-2.79296 1.91406,0 3.61328,0.78125 1.71875,0.76171 2.8125,2.16796 1.11328,1.38672 1.73828,3.35938 0.625,1.97266 0.625,4.21875 0,5.33203 -2.63672,8.24219 -2.63671,2.91015 -6.32812,2.91015 -3.67188,0 -5.76172,-3.0664 l 0,2.59765 z m -0.0391,-10.52734 q 0,3.73047 1.01562,5.39062 1.66016,2.71485 4.49219,2.71485 2.30469,0 3.98438,-1.99219 1.67968,-2.01172 1.67968,-5.97656 0,-4.0625 -1.62109,-5.9961 -1.60156,-1.93359 -3.88672,-1.93359 -2.30469,0 -3.98437,2.01172 -1.67969,1.99219 -1.67969,5.78125 z"
|
||||
style=""
|
||||
id="path4144" />
|
||||
<path
|
||||
d="m 255.54102,565.43532 0,-20.74218 3.16406,0 0,3.14453 q 1.21094,-2.20703 2.22656,-2.91016 1.03516,-0.70312 2.26563,-0.70312 1.77734,0 3.61328,1.13281 l -1.21094,3.26172 q -1.28906,-0.76172 -2.57813,-0.76172 -1.15234,0 -2.07031,0.70312 -0.91797,0.6836 -1.30859,1.91407 -0.58594,1.875 -0.58594,4.10156 l 0,10.85937 -3.51562,0 z"
|
||||
style=""
|
||||
id="path4146" />
|
||||
<path
|
||||
d="m 283.13867,558.75564 3.63281,0.44921 q -0.85937,3.1836 -3.18359,4.94141 -2.32422,1.75781 -5.9375,1.75781 -4.55078,0 -7.22656,-2.79297 -2.65625,-2.8125 -2.65625,-7.87109 0,-5.23437 2.69531,-8.125 2.69531,-2.89062 6.99219,-2.89062 4.16015,0 6.79687,2.83203 2.63672,2.83203 2.63672,7.96875 0,0.3125 -0.0195,0.9375 l -15.46875,0 q 0.19531,3.41797 1.93359,5.23437 1.73829,1.81641 4.33594,1.81641 1.9336,0 3.30078,-1.01563 1.36719,-1.01562 2.16797,-3.24218 z m -11.54297,-5.6836 11.58203,0 q -0.23437,-2.61719 -1.32812,-3.92578 -1.67969,-2.03125 -4.35547,-2.03125 -2.42187,0 -4.08203,1.62109 -1.64063,1.6211 -1.81641,4.33594 z"
|
||||
style=""
|
||||
id="path4148" />
|
||||
<path
|
||||
d="m 291.49805,565.43532 0,-28.63281 10.74218,0 q 3.28125,0 5.25391,0.87891 1.99219,0.85937 3.10547,2.67578 1.13281,1.79687 1.13281,3.76953 0,1.83594 -0.99609,3.45703 -0.9961,1.62109 -3.00781,2.61719 2.59765,0.76172 3.98437,2.59765 1.40625,1.83594 1.40625,4.33594 0,2.01172 -0.85937,3.75 -0.83985,1.71875 -2.08985,2.65625 -1.25,0.9375 -3.14453,1.42578 -1.875,0.46875 -4.60937,0.46875 l -10.91797,0 z m 3.78906,-16.60156 6.19141,0 q 2.51953,0 3.61328,-0.33203 1.44531,-0.42969 2.16797,-1.42578 0.74218,-0.9961 0.74218,-2.5 0,-1.42578 -0.68359,-2.5 -0.68359,-1.09375 -1.95313,-1.48438 -1.26953,-0.41015 -4.35546,-0.41015 l -5.72266,0 0,8.65234 z m 0,13.22266 7.12891,0 q 1.83593,0 2.57812,-0.13672 1.30859,-0.23438 2.1875,-0.78125 0.87891,-0.54688 1.44531,-1.58203 0.56641,-1.05469 0.56641,-2.42188 0,-1.60156 -0.82031,-2.77344 -0.82032,-1.1914 -2.28516,-1.66015 -1.44531,-0.48828 -4.17969,-0.48828 l -6.62109,0 0,9.84375 z"
|
||||
style=""
|
||||
id="path4150" />
|
||||
<path
|
||||
d="m 331.51758,565.43532 0,-3.04687 q -2.42188,3.51562 -6.58203,3.51562 -1.83594,0 -3.4375,-0.70312 -1.58203,-0.70313 -2.36328,-1.75781 -0.76172,-1.07422 -1.07422,-2.61719 -0.21485,-1.03516 -0.21485,-3.28125 l 0,-12.85156 3.51563,0 0,11.5039 q 0,2.75391 0.21484,3.71094 0.33203,1.38672 1.40625,2.1875 1.07422,0.78125 2.65625,0.78125 1.58203,0 2.96875,-0.80078 1.38672,-0.82031 1.95313,-2.20703 0.58593,-1.40625 0.58593,-4.0625 l 0,-11.11328 3.51563,0 0,20.74218 -3.14453,0 z"
|
||||
style=""
|
||||
id="path4152" />
|
||||
<path
|
||||
d="m 353.64648,565.43532 0,-2.61718 q -1.97265,3.08593 -5.80078,3.08593 -2.48047,0 -4.57031,-1.36718 -2.07031,-1.36719 -3.22266,-3.8086 -1.13281,-2.46094 -1.13281,-5.64453 0,-3.10547 1.03516,-5.625 1.03515,-2.53906 3.10547,-3.88672 2.07031,-1.34765 4.6289,-1.34765 1.875,0 3.33985,0.80078 1.46484,0.78125 2.38281,2.05078 l 0,-10.27344 3.49609,0 0,28.63281 -3.26172,0 z M 342.5332,555.08376 q 0,3.98438 1.67969,5.95703 1.67969,1.97266 3.96484,1.97266 2.30469,0 3.90625,-1.875 1.6211,-1.89453 1.6211,-5.76172 0,-4.25781 -1.64063,-6.25 -1.64062,-1.99219 -4.04297,-1.99219 -2.34375,0 -3.92578,1.91406 -1.5625,1.91407 -1.5625,6.03516 z"
|
||||
style=""
|
||||
id="path4155" />
|
||||
<path
|
||||
d="m 361.81055,567.15407 3.41797,0.50782 q 0.21484,1.58203 1.1914,2.30468 1.3086,0.97657 3.57422,0.97657 2.44141,0 3.76953,-0.97657 1.32813,-0.97656 1.79688,-2.73437 0.27343,-1.07422 0.2539,-4.51172 -2.30468,2.71484 -5.74218,2.71484 -4.27735,0 -6.6211,-3.08593 -2.34375,-3.08594 -2.34375,-7.40235 0,-2.96875 1.07422,-5.46875 1.07422,-2.51953 3.10547,-3.88672 2.05078,-1.36718 4.80469,-1.36718 3.67187,0 6.05468,2.96875 l 0,-2.5 3.24219,0 0,17.92968 q 0,4.84375 -0.99609,6.85547 -0.97656,2.03125 -3.125,3.20313 -2.12891,1.17187 -5.25391,1.17187 -3.71094,0 -5.99609,-1.67969 -2.28516,-1.66015 -2.20703,-5.01953 z m 2.91015,-12.46093 q 0,4.08203 1.6211,5.95703 1.62109,1.875 4.0625,1.875 2.42187,0 4.0625,-1.85547 1.64062,-1.875 1.64062,-5.85938 0,-3.80859 -1.69922,-5.74218 -1.67968,-1.9336 -4.0625,-1.9336 -2.34375,0 -3.98437,1.91406 -1.64063,1.89454 -1.64063,5.64454 z"
|
||||
style=""
|
||||
id="path4157" />
|
||||
<path
|
||||
d="m 398.91992,558.75564 3.63281,0.44921 q -0.85937,3.1836 -3.18359,4.94141 -2.32422,1.75781 -5.9375,1.75781 -4.55078,0 -7.22656,-2.79297 -2.65625,-2.8125 -2.65625,-7.87109 0,-5.23437 2.69531,-8.125 2.69531,-2.89062 6.99219,-2.89062 4.16015,0 6.79687,2.83203 2.63672,2.83203 2.63672,7.96875 0,0.3125 -0.0195,0.9375 l -15.46875,0 q 0.19531,3.41797 1.93359,5.23437 1.73829,1.81641 4.33594,1.81641 1.9336,0 3.30078,-1.01563 1.36719,-1.01562 2.16797,-3.24218 z m -11.54297,-5.6836 11.58203,0 q -0.23437,-2.61719 -1.32812,-3.92578 -1.67969,-2.03125 -4.35547,-2.03125 -2.42187,0 -4.08203,1.62109 -1.64063,1.6211 -1.81641,4.33594 z"
|
||||
style=""
|
||||
id="path4159" />
|
||||
<path
|
||||
d="m 414.66211,562.29079 0.50781,3.10547 q -1.48437,0.3125 -2.65625,0.3125 -1.91406,0 -2.96875,-0.60547 -1.05469,-0.60547 -1.48437,-1.58203 -0.42969,-0.99609 -0.42969,-4.16016 l 0,-11.93359 -2.57813,0 0,-2.73437 2.57813,0 0,-5.13672 3.49609,-2.10938 0,7.2461 3.53516,0 0,2.73437 -3.53516,0 0,12.12891 q 0,1.5039 0.17578,1.93359 0.19532,0.42969 0.60547,0.68359 0.42969,0.25391 1.21094,0.25391 0.58594,0 1.54297,-0.13672 z"
|
||||
style=""
|
||||
id="path4161" />
|
||||
</g>
|
||||
<circle
|
||||
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:3.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path3344"
|
||||
cx="512.34674"
|
||||
cy="273.41815"
|
||||
r="20.185652"
|
||||
transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)" />
|
||||
<path
|
||||
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 183.48576,541.81207 -14.14214,14.14214 0,18.81408"
|
||||
id="path4154"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.0 KiB |
BIN
librebudget/core/static/img/shield20.png
Normal file
BIN
librebudget/core/static/img/shield20.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
librebudget/core/static/img/sprint.png
Normal file
BIN
librebudget/core/static/img/sprint.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
54
librebudget/core/templates/core/index.html
Normal file
54
librebudget/core/templates/core/index.html
Normal file
@ -0,0 +1,54 @@
|
||||
{% extends 'core/layout.html' %}
|
||||
{% load staticfiles %}
|
||||
|
||||
{% block css %}
|
||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css" />
|
||||
<style type="text/css">
|
||||
/* Move down content because we have a fixed navbar that is 50px tall */
|
||||
body {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.icon {
|
||||
float: right;
|
||||
width: 32px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
</style>
|
||||
{% endblock css %}
|
||||
|
||||
{% block main %}
|
||||
<!-- Fork me logo -->
|
||||
<div class="github-fork-ribbon-wrapper right">
|
||||
<div class="github-fork-ribbon">
|
||||
<a href="https://git.ianonavy.com/ianonavy/librebudget">Fork me on Gogs</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Main jumbotron for a primary marketing message or call to action -->
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<h1>Creating a budget is easy.</h1>
|
||||
<p>Sticking to one is hard. LibreBudget keeps track of your transactions so you don't have to.</p>
|
||||
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>Free <img class="icon" src="{% static 'img/key162.png' %}" alt="key"></h2>
|
||||
<p>Free as in free beer and free speech. Potato kerr's pink cabritas shepody kennebec. Langlade tater yukon gold vitelotte goldrush irish cobbler atlantic. Tater kipfler arran victory irish cobbler marcy primura, french fries up to date spud anya arran victory snowden.</p>
|
||||
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Fast <img class="icon" src="{% static 'img/sprint.png' %}" alt="key"></h2>
|
||||
<p>Red norland amandine flava silverton russet arran victory marquis. Kestrel bannock russet, camota flava bintje home guard silverton russet bonnotte monalisa. Flava record bonnotte linda russet burbank innovator. Jersey royal bildtstar chelina flava atlantic kestrel.</p>
|
||||
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Secure <img class="icon" src="{% static 'img/shield20.png' %}" alt="key"></h2>
|
||||
<p>Norgold russet french fries atlantic stobrawa sirco german butterball. Annabelle blue congo russet burbank keuka gold, silverton russet golden wonder irish cobbler annabelle pike. Langlade shepody up to date cielo yukon gold, linda red lasoda yellow finn blue congo superior.</p>
|
||||
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock main %}
|
||||
61
librebudget/core/templates/core/layout.html
Normal file
61
librebudget/core/templates/core/layout.html
Normal file
@ -0,0 +1,61 @@
|
||||
{% load staticfiles %}<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LibreBudget</title>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
|
||||
{% block css %}{% endblock css %}
|
||||
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="{% url 'home' %}">
|
||||
<img src="{% static 'img/logo.svg' %}" alt="LibreBudget" height="24">
|
||||
</a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="Email" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" placeholder="Password" class="form-control">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Sign in</button>
|
||||
</form>
|
||||
</div><!--/.navbar-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{% block main %}
|
||||
{% endblock main %}
|
||||
|
||||
<hr>
|
||||
|
||||
<footer>
|
||||
<p>Copyright © <a href="//ianonavy.com">Ian Adam Naval</a> 2015. All rights reserved.</p>
|
||||
<div>Icons made by <a href="http://www.flaticon.com/authors/yannick" title="Yannick">Yannick</a>, <a href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
|
||||
</footer>
|
||||
</div> <!-- /container -->
|
||||
|
||||
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
8
librebudget/core/urls.py
Normal file
8
librebudget/core/urls.py
Normal file
@ -0,0 +1,8 @@
|
||||
from django.conf.urls import patterns, include, url
|
||||
from django.contrib import admin
|
||||
|
||||
from core import views
|
||||
|
||||
urlpatterns = patterns('',
|
||||
url(r'^$', views.home, name='home'),
|
||||
)
|
||||
@ -1,3 +1,4 @@
|
||||
from django.shortcuts import render
|
||||
|
||||
# Create your views here.
|
||||
def home(request):
|
||||
return render(request, 'core/index.html')
|
||||
|
||||
@ -2,9 +2,6 @@ from django.conf.urls import patterns, include, url
|
||||
from django.contrib import admin
|
||||
|
||||
urlpatterns = patterns('',
|
||||
# Examples:
|
||||
# url(r'^$', 'librebudget.views.home', name='home'),
|
||||
# url(r'^blog/', include('blog.urls')),
|
||||
|
||||
url(r'', include('core.urls')),
|
||||
url(r'^admin/', include(admin.site.urls)),
|
||||
)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user