diff options
Diffstat (limited to 'root/templates')
| -rw-r--r-- | root/templates/edit.html | 138 | ||||
| -rw-r--r-- | root/templates/page.html | 133 |
2 files changed, 271 insertions, 0 deletions
diff --git a/root/templates/edit.html b/root/templates/edit.html new file mode 100644 index 0000000..a3a6986 --- /dev/null +++ b/root/templates/edit.html @@ -0,0 +1,138 @@ +{% load replace %} +{% load staticfiles %} +<!DOCTYPE html> +<html 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"> + <meta name="description" content=""> + <meta name="author" content=""> + + <title>MarkZZ {% if page_content.name %} - {% endif %}{{ page_content.name|presentable|title }}</title> + + <!-- Bootstrap Core CSS --> + <link href="/static/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom CSS --> + <link href="/static/css/clean-blog.min.css" rel="stylesheet"> + <link href="/static/css/custom.css" rel="stylesheet"> + + <!-- Custom Fonts --> + <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> + <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> + + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> + <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> + <![endif]--> + +</head> + +<body> +<form method="POST" action="" class="form form-inline">{% csrf_token %} +{{ form.non_field_errors }} + + <!-- Navigation --> + <nav class="navbar navbar-default navbar-custom navbar-fixed-top"> + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header page-scroll"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <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="/">MarkZZ</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + {% for n in navbar %} + <li><a href="/{{ n }}/">{{ n|presentable|title }}</a></li> + {% endfor %} + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container --> + </nav> + + <!-- Page Header --> + <!-- Set your background image for this header on the line below. --> + <header class="intro-header" style="background: black;"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <div class="form-heading"> + {{ page_edit.title }} + <hr class="small"> + <span class="subheading">{{ page_edit.subtitle }}</span> + </div> + </div> + </div> + </div> + </header> + + <!-- Main Content --> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <p><label for="{{ page_edit.name.id_for_label }}">Navigation Bar Name:</label> + {{ page_edit.name }}</p> + <p><label for="{{ page_edit.header_image.id_for_label }}">Header Image:</label> + {{ page_edit.header_image }}</p> + <hr /> + {{ page_edit.body }} + <hr /> + {{ page_edit.title.errors }} + <div align="center"><input type="submit" class="btn btn-primary btn-lg" value="Save" /></div> + </div> + </div> + </div> +</form> + + <hr> + + <!-- Footer --> + <footer> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <ul class="list-inline text-center"> + {% for s in social_media %} + <li> + <a href="{{ s.url }}"> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-{{ s.type }} fa-stack-1x fa-inverse"></i> + </span> + </a> + </li> + {% endfor %} + </ul> + <p class="copyright text-muted"><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />All works on this site are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a> unless otherwise stated.</p> + </div> + </div> + </div> + </footer> + + <!-- jQuery --> + <script src="/static/js/jquery.js"></script> + + <!-- Bootstrap Core JavaScript --> + <script src="/static/js/bootstrap.min.js"></script> + + <!-- Custom Theme JavaScript --> +{# <script src="/static/js/clean-blog.js"></script>#} + +</body> + +</html> diff --git a/root/templates/page.html b/root/templates/page.html new file mode 100644 index 0000000..287c552 --- /dev/null +++ b/root/templates/page.html @@ -0,0 +1,133 @@ +{% load replace %} +{% load staticfiles %} +<!DOCTYPE html> +<html 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"> + <meta name="description" content=""> + <meta name="author" content=""> + + <title>MarkZZ {% if page_content.name %} - {% endif %}{{ page_content.name|presentable|title }}</title> + + <!-- Bootstrap Core CSS --> + <link href="/static/css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom CSS --> + <link href="/static/css/clean-blog.min.css" rel="stylesheet"> + <link href="/static/css/custom.css" rel="stylesheet"> + + <!-- Custom Fonts --> + <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> + <!--<link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"> + <link href="/static/css/font1.css" rel="stylesheet" type="text/css"> + <link href="/static/css/font2.css" rel="stylesheet" type="text/css">--> + + <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> + + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> + <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> + <![endif]--> + +</head> + +<body> + + <!-- Navigation --> + <nav class="navbar navbar-default navbar-custom navbar-fixed-top"> + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header page-scroll"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <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="/">MarkZZ</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + {% for n in navbar %} + <li><a href="/{{ n }}/">{{ n|presentable|title }}</a></li> + {% endfor %} + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container --> + </nav> + + <!-- Page Header --> + <!-- Set your background image for this header on the line below. --> + <header class="intro-header" style="background: {{ page_content.header_image }}"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <div class="page-heading"> + <h1>{{ page_content.title }}</h1> + {% if page_content.subtitle %} + <hr class="small"> + <span class="subheading">{{ page_content.subtitle }}</span> + {% endif %} + </div> + </div> + </div> + </div> + </header> + + <!-- Main Content --> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + {{ page_content.body|safe }} + </div> + </div> + </div> + + <hr> + + <!-- Footer --> + <footer> + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> + <ul class="list-inline text-center"> + {% for s in social_media %} + <li> + <a href="{{ s.url }}"> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-{{ s.type }} fa-stack-1x fa-inverse"></i> + </span> + </a> + </li> + {% endfor %} + </ul> + <p class="copyright text-muted"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />All works on this site are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a><br />unless otherwise stated.</p> + </div> + </div> + </div> + </footer> + + <!-- jQuery --> + <script src="/static/js/jquery.js"></script> + + <!-- Bootstrap Core JavaScript --> + <script src="/static/js/bootstrap.min.js"></script> + + <!-- Custom Theme JavaScript --> + <script src="/static/js/clean-blog.min.js"></script> + +</body> + +</html> |