dorian/blueweather
dorian/blueweather
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fixed links, updated design

Browse source
This commit is contained in:
oliver 2019-07-19 14:58:21 +02:00
parent e5df611f29
commit 6b136ba619
4 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
css/offcanvas.css
View file

@ -5,6 +5,7 @@ body {
body { body {
padding-top: 56px; padding-top: 56px;
} }
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
@ -71,8 +72,12 @@ body {
.bg-purple { background-color: #6f42c1; } .bg-purple { background-color: #6f42c1; }
.bg-blue { background-color: #007bff; } .bg-blue { background-color: #007bff; }
.bg-ff { background-color: #e6e4e4; }
.lh-100 { line-height: 1; } .lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; } .lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; } .lh-150 { line-height: 1.5; }
.rounded {
border-radius: .7rem !important;
}

2
dashboard.html
View file

@ -27,7 +27,7 @@
<body style="height: 100%;"> <body style="height: 100%;">
<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">BlueWeather</a> <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="index.html">BlueWeather</a>
<ul class="navbar-nav px-3"> <ul class="navbar-nav px-3">
<li class="nav-item text-nowrap"> <li class="nav-item text-nowrap">

14
index.html
View file

@ -40,7 +40,7 @@
</head> </head>
<body class="bg-light"> <body class="bg-ff">
<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
@ -57,7 +57,7 @@
<main role="main" class="container"> <main role="main" class="container">
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-blue rounded shadow-sm"> <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-blue rounded shadow-sm">
<img class="mr-3" src="/docs/4.3/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48"> <img class="mr-3" src="img/icon.png" alt="" width="48" height="48">
<div class="lh-100"> <div class="lh-100">
<h6 class="mb-0 text-white lh-100">BlueWeather</h6> <h6 class="mb-0 text-white lh-100">BlueWeather</h6>
<small>Since 2018</small> <small>Since 2018</small>
@ -67,14 +67,14 @@
<div class="my-3 p-3 bg-white rounded shadow-sm"> <div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2 mb-0">current places</h6> <h6 class="border-bottom border-gray pb-2 mb-0">current places</h6>
<div class="media text-muted pt-3"> <div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="img/icons/beach.svg"
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32"> preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
<title>Placeholder</title> <title>Placeholder</title>
<rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text> <rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text>
</svg> </svg>
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark nav-link"> <strong class="d-block text-gray-dark">
<a href="file:///home/qtaguser/blueweather/dashboard.html?locId=1">Stuttgart-Vaihingen</a> <a href="dashboard.html">Stuttgart-Vaihingen</a>
</strong> </strong>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris
condimentum nibh, ut fermentum massa justo sit amet risus. condimentum nibh, ut fermentum massa justo sit amet risus.
@ -87,7 +87,9 @@
<rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em">32x32</text> <rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em">32x32</text>
</svg> </svg>
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray"> <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">@place</strong> <strong class="d-block text-gray-dark">
@place
</strong>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris
condimentum nibh, ut fermentum massa justo sit amet risus. condimentum nibh, ut fermentum massa justo sit amet risus.
</p> </p>

0
js/index.js Normal file
View file