website updates

This commit is contained in:
Sebastian Hildebrandt 2019-01-26 16:55:12 +01:00
parent dd4fd717a4
commit 04a2647612
21 changed files with 37 additions and 22 deletions

BIN
docs/assets/title-empty.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

BIN
docs/assets/title.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -11,12 +11,15 @@
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.9/typed.min.js"></script>
<title>systeminformation</title> <title>systeminformation</title>
<script> <script>
function numberWithCommas(x) { function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} }
function getDownloads() { function getDownloads() {
typed();
var xhttp = new XMLHttpRequest(); var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () { xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) { if (this.readyState == 4 && this.status == 200) {
@ -38,15 +41,27 @@
xhttp.open("GET", "https://registry.npmjs.org/systeminformation/latest", true); xhttp.open("GET", "https://registry.npmjs.org/systeminformation/latest", true);
xhttp.send(); xhttp.send();
} }
function typed() {
var options = {
strings: ["System and OS information library for node.js", "Get detailed hardware, system &amp; OS information.", "For Linux, macOS, Windows, FreeBSD, SunOS"],
typeSpeed: 60,
loop: false,
backDelay: 1200,
}
console.log('asd')
var typed = new Typed('#typed', options);
}
</script> </script>
</head> </head>
<body onload="getDownloads()"> <body onload="getDownloads();">
<header class="bg-image-full" style="background-image: url('./assets/motherboard.jpg');"> <header class="bg-image-full" style="background-image: url('./assets/title-empty.jpg');">
<img class="logo" src="assets/logo.png"> <img class="logo" src="assets/logo.png">
<div class="title">systeminformation</div> <div class="title">systeminformation</div>
<div class="subtitle">Simple system and OS information library for node.js</div> <div class="subtitle"><span id="typed"></span></div>
<div class="version">Current Version: <span id="version">4.0.0</span></div> <div class="version">Current Version: <span id="version">4.0.0</span></div>
<button class="btn btn-light" onclick="location.href='https://github.com/sebhildebrandt/systeminformation'"">View on Github <i class=" fab fa-github"></i></button> <button class="btn btn-light" onclick="location.href='https://github.com/sebhildebrandt/systeminformation'"">View on Github <i class=" fab fa-github"></i></button>
</header> </header>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>
@ -101,4 +101,4 @@ setInterval(function() {
</script> </script>
</body> </body>
</html> </html>

View File

@ -21,7 +21,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<nav class="nav" style="background-image: url('./assets/trianglify.png');"> <nav class="nav" style="background-image: url('./assets/title-empty.jpg');">
<div class="container"> <div class="container">
<a href="."><img class="logo float-left" src="assets/logo.png"> <a href="."><img class="logo float-left" src="assets/logo.png">
<div class="title float-left">systeminformation</div> <div class="title float-left">systeminformation</div>