Clean up empty JS-Files and add CSS-link

This commit is contained in:
Erik Römmelt 2018-11-21 15:54:09 +01:00
parent 7043e5b2ed
commit bdf4157b08
9 changed files with 72 additions and 78 deletions

View File

View File

View File

View File

@ -10,83 +10,81 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta http-equiv="refresh" content="30"> --
<!-- TODO: vue routes-->
<script src="home.js"></script>
<script src="folder.js"></script>
<script src="bookmark.js"></script>
<script src="profil.js"></script>
<!-- CSS_Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<!-- CSS_Material Design for Bootstrap minified CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<title>oma</title>
<!-- CSS_Custom Design -->
<link rel="stylesheet" type="text/css" href="style.css">
<title>OMApp</title>
</head>
<body>
<div class="om-header-container">
<div class="om-header">
<img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px>
<form class="om-searchbar">
<input type="search" placeholder="Search...">
</form>
</div>
</div>
<div class="om-header">
<!-- <img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px> -->
<img src="th_nbg_ohmicon_amp.png" width=55px height=55px>
<form class="om-searchbar">
<input type="search" placeholder="Search...">
</form>
</div>
</div>
<div class="om-content">
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User1</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="card om-card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
</div>
<div class="om-content">
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User1</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="card om-card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
<div class="om-card card">
<h5 class="om-user-head">
<i class="material-icons">account_circle</i>
<b> User2</b>
</h5>
<h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div>
</div>
<!--
<!--
<button type="button" class="btn btn-secondary bmd-btn-fab add-msg-button">
<i class="material-icons">add</i>
</button>
-->
<nav class="nav nav-tabs nav-justified om-nav ">
<a class="nav-item nav-link" href="#"><i class="material-icons">home</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">folder</i></a>
<a class="nav-item nav-link outlined" href="message.html"><i class="material-icons">add_circle</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">bookmark</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">person</i></a>
</nav>
<nav class="nav nav-tabs nav-justified om-nav ">
<a class="nav-item nav-link" href="#"><i class="material-icons">home</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">folder</i></a>
<a class="nav-item nav-link outlined" href="message.html"><i class="material-icons">add_circle</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">bookmark</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">person</i></a>
</nav>
<!-- NOTE: JavaScript Libs & Files -->
<!-- CDN_Vue.js developmement lib -->

View File

@ -29,6 +29,7 @@ $(document).ready(function() {
});
*/
/*
// NOTE: Define routes
const routes = [{
path: "/home",
@ -55,9 +56,8 @@ const routes = [{
component: RouterEntry
},
];
/*
const router = new VueRouter({
routes
});
*/
const router = new VueRouter({
routes
});
*/

View File

@ -6,23 +6,21 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--vue:-->
<script src=lib/vue.js> </script> <script src=lib/vue-router.js> </script> <script src=lib/jquery-3.3.1.min.js> </script> <link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="message.css">
<!-- Material Design for Bootstrap fonts and icons -->
<!-- Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<!-- Material Design for Bootstrap CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>oma</title>
</head>
<body>
<div class="om-header-container ">
<div class="om-header">
<img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px>
<img src="th_nbg_ohmicon_amp.png" width=55px height=55px>
<form class="om-searchbar">
<input type="search" placeholder="Search...">
</form>

View File

View File

@ -5,13 +5,10 @@ const staticCacheName = 'omapp-v1.0.0';
const filesToCache = [
'/',
'/index.html',
'/message.html',
'/style.css',
'/main.js',
'/favicon.ico',
'/lib/',
'/lib/jquery-3.3.1.min.js',
'/lib/vue.js',
'/lib/vue-router.js'
'/favicon.ico'
];
// NOTE: Registration done in main.js
@ -20,9 +17,10 @@ const filesToCache = [
self.addEventListener('install', function (event) {
console.log('Service worker installing...');
event.waitUntil(
console.log('Trying to install service worker and static cache files.'); caches.open(staticCacheName).then(function (cache) {
(console.log('Trying to install service worker and static cache files.'),
caches.open(staticCacheName).then(function (cache) {
return cache.addAll(filesToCache);
})
}))
);
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB