We use cookies to ensure you get the best experience on our website
Home Explore Help
Sign In
mirror
/
golang-fave
mirror of https://github.com/vladimirok5959/golang-fave.git
2
0
Fork 0
Files Wiki
Browse Source

Default demo template

Vova Tkach 6 years ago
parent
89d32db27e
commit
1c566f6bcc
7 changed files with 200 additions and 65 deletions
Unified View Show Diff Stats
  1. 104 0
      hosts/localhost/htdocs/styles.css
  2. 6 4
      hosts/localhost/template/404.html
  3. 12 7
      hosts/localhost/template/footer.html
  4. 46 19
      hosts/localhost/template/header.html
  5. 8 31
      hosts/localhost/template/index.html
  6. 9 4
      hosts/localhost/template/page.html
  7. 15 0
      hosts/localhost/template/sidebar.html

+ 104 - 0
hosts/localhost/htdocs/styles.css
View File 

@@ -0,0 +1,104 @@
 
+/* Fix bootstrap */
 
+@media (max-width: 991.98px) {
 
+	.navbar-expand-lg>.container,
 
+	.navbar-expand-lg>.container-fluid {
 
+		padding-right: 15px;
 
+		padding-left: 15px;
 
+	}
 
+}
 
+
 
+@media (max-width: 575px) {
 
+	.navbar-expand-lg>.container,
 
+	.navbar-expand-lg>.container-fluid {
 
+		padding-right: 0px;
 
+		padding-left: 0px;
 
+	}
 
+}
 
+
 
+/* Set base bootstrap width */
 
+@media (min-width: 1200px) {
 
+	.container {
 
+		max-width: 960px;
 
+	}
 
+}
 
+
 
+/* Base font and colors */
 
+body {
 
+	color: #444;
 
+	font-size: 1.2rem;
 
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
+}
 
+
 
+.h1,
 
+.h2,
 
+.h3,
 
+.h4,
 
+.h5,
 
+.h6,
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6,
 
+footer {
 
+	color: #000;
 
+}
 
+
 
+.navbar-brand {
 
+	font-weight: bold;
 
+}
 
+
 
+/* Nice sticky footer */
 
+html,
 
+body {
 
+	height: 100%;
 
+}
 
+
 
+#wrap {
 
+	min-height: 100%;
 
+}
 
+
 
+#main {
 
+	overflow: auto;
 
+	padding-bottom: 4.5rem;
 
+}
 
+
 
+footer {
 
+	position: relative;
 
+	margin-top: -4.5rem;
 
+	height: 4.5rem;
 
+	clear: both;
 
+}
 
+
 
+/* Sticky top nav bar, body class "fixed-top-bar" */
 
+.fixed-top-bar .navbar {
 
+	position: fixed;
 
+	top: 0;
 
+	right: 0;
 
+	left: 0;
 
+	z-index: 1030;
 
+}
 
+
 
+.fixed-top-bar #main {
 
+	padding-top: 3.5rem;
 
+}
 
+
 
+/* Fave background */
 
+.bg-fave {
 
+	background: #0747a6 url(/assets/sys/bg.png) repeat 0 0;
 
+}
 
+
 
+/* Fix content marging */
 
+.page-content p:last-child {
 
+	margin-bottom: 0px;
 
+}
 
+
 
+/* Borders */
 
+.navbar {
 
+	border-bottom: 1px solid rgba(0, 0, 0, .125);
 
+}
 
+
 
+footer {
 
+	border-top: 1px solid rgba(0, 0, 0, .125);
 
+}

+ 6 - 4
hosts/localhost/template/404.html
View File 

@@ -1,8 +1,10 @@
 
 {{template "header.html" .}}
 
 {{template "header.html" .}}
 
-<div class="container some-text pt-3">
 
-	<h2>Error 404</h2>
 
-	<div>
 
-		The page what you looking for is not found
 
+<div class="card mb-4">
 
+	<div class="card-body">
 
+		<h2 class="card-title">Error 404</h2>
 
+		<div class="page-content">
 
+			The page what you looking for "<b>{{$.Data.RequestURL}}</b>" is not found
 
+		</div>
 
 	</div>
 
 	</div>
 
 </div>
 
 </div>
 
 {{template "footer.html" .}}
 
 {{template "footer.html" .}}

+ 12 - 7
hosts/localhost/template/footer.html
View File 

@@ -1,11 +1,16 @@
 
-			<div class="container pt-3 pb-3">
 
-				<hr>
 
+						</div>
 
+						<div class="col-md-4">
 
+							{{template "sidebar.html" .}}
 
+						</div>
 
+					</div>
 
+				</div>
 
 			</div>
 
 			</div>
 
-			<footer class="container">
 
-				<p class="float-right"><a href="#">Back to top</a></p>
 
-				<p>&copy; 2018-2019 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
 
-			</footer>
 
-		</main>
 
+		</div>
 
+		<footer class="bg-light py-4">
 
+			<div class="container">
 
+				<p class="m-0 text-center text-black">Copyright © Your Website 2019</p>
 
+			</div>
 
+		</footer>
 
 		<!-- Optional JavaScript -->
 
 		<!-- Optional JavaScript -->
 
 		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
 
 		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
 
 		<script src="{{$.System.PathJsJquery}}"></script>
 
 		<script src="{{$.System.PathJsJquery}}"></script>

+ 46 - 19
hosts/localhost/template/header.html
View File 

@@ -13,25 +13,52 @@
 
 		<meta name="keywords" content="{{$.Data.MetaKeywords}}" />
 
 		<meta name="keywords" content="{{$.Data.MetaKeywords}}" />
 
 		<meta name="description" content="{{$.Data.MetaDescription}}" />
 
 		<meta name="description" content="{{$.Data.MetaDescription}}" />
 
 		<link rel="shortcut icon" href="{{$.System.PathIcoFav}}" type="image/x-icon" />
 
 		<link rel="shortcut icon" href="{{$.System.PathIcoFav}}" type="image/x-icon" />
 
+
 
+		<!-- Template CSS file from public folder -->
 
+		<link rel="stylesheet" href="/styles.css">
 
 	</head>
 
 	</head>
 
-	<body>
 
-		<header>
 
-			<nav class="navbar navbar-expand-md navbar-dark bg-dark">
 
-				<a class="navbar-brand" href="/">Home</a>
 
-				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
 
-					<span class="navbar-toggler-icon"></span>
 
-				</button>
 
-				<div class="collapse navbar-collapse" id="navbarCollapse">
 
-					<ul class="navbar-nav mr-auto">
 
-						<li class="nav-item">
 
-							<a class="nav-link" href="/">More</a>
 
-						</li>
 
-					</ul>
 
-					<form class="form-inline mt-2 mt-md-0">
 
-						<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
 
-						<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
 
-					</form>
 
+	<body class="fixed-top-bar1">
 
+		<div id="wrap">
 
+			<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
+				<div class="container">
 
+					<a class="navbar-brand" href="/">Fave 1.0.0</a>
 
+					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 
+						<span class="navbar-toggler-icon"></span>
 
+					</button>
 
+					<div class="collapse navbar-collapse" id="navbarResponsive">
 
+						<ul class="navbar-nav ml-auto">
 
+							<li class="nav-item{{if eq $.Data.Alias "/"}} active{{end}}">
 
+								<a class="nav-link" href="/">Home</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link{{if eq $.Data.Alias "/another/"}} active{{end}}" href="/another/">Another</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link{{if eq $.Data.Alias "/about/"}} active{{end}}" href="/about/">About</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link{{if $.Data.Is404}} active{{end}}" href="/not-existent-page/">404</a>
 
+							</li>
 
+						</ul>
 
+					</div>
 
 				</div>
 
 				</div>
 
 			</nav>
 
 			</nav>
 
-		</header>
 
-		<main role="main" class="pt-2">
 
+			<div id="main">
 
+				<div class="bg-fave">
 
+					<div class="container">
 
+						<h1 class="text-left text-white m-0 p-0 py-5">
 
+							{{if not $.Data.Is404}}
 
+								{{if eq $.Data.Alias "/"}}
 
+									Welcome to home page
 
+								{{else}}
 
+									Welcome to some another page
 
+								{{end}}
 
+							{{else}}
 
+								Oops, page is not found...
 
+							{{end}}
 
+						</h1>
 
+					</div>
 
+				</div>
 
+				<div class="container clear-top">
 
+					<div class="row pt-4">
 
+						<div class="col-md-8">

+ 8 - 31
hosts/localhost/template/index.html
View File 

@@ -1,36 +1,13 @@
 
 {{template "header.html" .}}
 
 {{template "header.html" .}}
 
-<div class="container some-text pt-3">
 
-	<h2>{{$.Data.Name}}</h2>
 
-	<div>
 
-		{{$.Data.Content}}
 
-	</div>
 
-</div>
 
-<div class="container circles pt-4">
 
-	<div class="card-deck text-center">
 
-		<div class="card mb-4 box-shadow">
 
-			<div class="card-body">
 
-				<img class="rounded-circle mb-3" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="80%">
 
-				<h2>Heading</h2>
 
-				<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
 
-				<p><a class="btn btn-secondary" href="#" role="button">View details</a></p>
 
-			</div>
 
-		</div>
 
-		<div class="card mb-4 box-shadow">
 
-			<div class="card-body">
 
-				<img class="rounded-circle mb-3" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="80%">
 
-				<h2>Heading</h2>
 
-				<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
 
-				<p><a class="btn btn-secondary" href="#" role="button">View details</a></p>
 
-			</div>
 
-		</div>
 
-		<div class="card mb-4 box-shadow">
 
-			<div class="card-body">
 
-				<img class="rounded-circle mb-3" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="80%">
 
-				<h2>Heading</h2>
 
-				<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 
-				<p><a class="btn btn-secondary" href="#" role="button">View details</a></p>
 
-			</div>
 
+<div class="card mb-4">
 
+	<div class="card-body">
 
+		<h2 class="card-title">{{$.Data.Name}}</h2>
 
+		<div class="page-content">
 
+			{{$.Data.Content}}
 
 		</div>
 
 		</div>
 
 	</div>
 
 	</div>
 
+	<div class="card-footer text-muted">
 
+		Published on {{$.Data.DateTimeFormat "02/01/2006, 15:04:05"}}
 
+	</div>
 
 </div>
 
 </div>
 
 {{template "footer.html" .}}
 
 {{template "footer.html" .}}

+ 9 - 4
hosts/localhost/template/page.html
View File 

@@ -1,8 +1,13 @@
 
 {{template "header.html" .}}
 
 {{template "header.html" .}}
 
-<div class="container some-text pt-3">
 
-	<h2>{{$.Data.Name}}</h2>
 
-	<div>
 
-		{{$.Data.Content}}
 
+<div class="card mb-4">
 
+	<div class="card-body">
 
+		<h2 class="card-title">{{$.Data.Name}}</h2>
 
+		<div class="page-content">
 
+			{{$.Data.Content}}
 
+		</div>
 
+	</div>
 
+	<div class="card-footer text-muted">
 
+		Published on {{$.Data.DateTimeFormat "02/01/2006, 15:04:05"}}
 
 	</div>
 
 	</div>
 
 </div>
 
 </div>
 
 {{template "footer.html" .}}
 
 {{template "footer.html" .}}

+ 15 - 0
hosts/localhost/template/sidebar.html
View File 

@@ -0,0 +1,15 @@
 
+<div class="card mb-4">
 
+	<h5 class="card-header">Useful links</h5>
 
+	<div class="card-body">
 
+		<ul class="m-0 p-0 pl-4">
 
+			<li><a href="https://github.com/vladimirok5959/golang-fave" target="_blank">Project on GitHub</a></li>
 
+			<li><a href="https://github.com/vladimirok5959/golang-fave/wiki" target="_blank">Wiki on GitHub</a></li>
 
+		</ul>
 
+	</div>
 
+</div>
 
+<div class="card mb-4">
 
+	<h5 class="card-header">Some sidebar</h5>
 
+	<div class="card-body">
 
+		Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
+	</div>
 
+</div>