updated website style
This commit is contained in:
Sebastian Hildebrandt
+168
-164
@@ -180,179 +180,183 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="container quickstart">
|
||||
<div class="row">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title">Overview</div>
|
||||
<div class="subtitle">Node.js system information package. Lightweight collection of 50+ functions to retrieve detailed hardware, system and OS information. For Linux, macOS, partial Windows, FreeBSD, OpenBSD, NetBSD and SunOS support. Dependency free.</div>
|
||||
<div class="npmicons">
|
||||
<a href="https://npmjs.org/package/systeminformation" rel="nofollow"><img src="https://camo.githubusercontent.com/df25636cbefadf18ca1532e3bdcd0d2794235e19/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="NPM Version" data-canonical-src="https://img.shields.io/npm/v/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://systeminformation.io" rel="nofollow"><img src="assets/no-dependencies.svg" alt="no dependencies"></a>
|
||||
<a href="https://lgtm.com/projects/g/sebhildebrandt/systeminformation/context:javascript" rel="nofollow"><img src="https://camo.githubusercontent.com/08409d6fb3794545416e1a40ca75172b54d34692/68747470733a2f2f696d672e736869656c64732e696f2f6c67746d2f67726164652f6a6176617363726970742f672f73656268696c64656272616e64742f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="Code Quality: Javascript" data-canonical-src="https://img.shields.io/lgtm/grade/javascript/g/sebhildebrandt/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://lgtm.com/projects/g/sebhildebrandt/systeminformation/alerts" rel="nofollow"><img src="https://camo.githubusercontent.com/66428127fdde80fc8247a0c1df4c651f3a6b1c0a/68747470733a2f2f696d672e736869656c64732e696f2f6c67746d2f616c657274732f672f73656268696c64656272616e64742f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="Total alerts" data-canonical-src="https://img.shields.io/lgtm/alerts/g/sebhildebrandt/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://camo.githubusercontent.com/4b5966a2a252ee0f241a1e03b13417178eb4964f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c61742d737175617265" alt="MIT license" data-canonical-src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
</div>
|
||||
<div class="text larger"><span class="warning">Security issues:</span> Please have a look at our <a href="../security.html">security advisories</a>.</div>
|
||||
<div class="container-fluid">
|
||||
|
||||
<section class="container quickstart">
|
||||
<div class="row">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title">Overview</div>
|
||||
<div class="subtitle">Node.js system information package. Lightweight collection of 50+ functions to retrieve detailed hardware, system and OS information. For Linux, macOS, partial Windows, FreeBSD, OpenBSD, NetBSD and SunOS support. Dependency free.</div>
|
||||
<div class="npmicons">
|
||||
<a href="https://npmjs.org/package/systeminformation" rel="nofollow"><img src="https://camo.githubusercontent.com/df25636cbefadf18ca1532e3bdcd0d2794235e19/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="NPM Version" data-canonical-src="https://img.shields.io/npm/v/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://systeminformation.io" rel="nofollow"><img src="assets/no-dependencies.svg" alt="no dependencies"></a>
|
||||
<a href="https://lgtm.com/projects/g/sebhildebrandt/systeminformation/context:javascript" rel="nofollow"><img src="https://camo.githubusercontent.com/08409d6fb3794545416e1a40ca75172b54d34692/68747470733a2f2f696d672e736869656c64732e696f2f6c67746d2f67726164652f6a6176617363726970742f672f73656268696c64656272616e64742f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="Code Quality: Javascript" data-canonical-src="https://img.shields.io/lgtm/grade/javascript/g/sebhildebrandt/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://lgtm.com/projects/g/sebhildebrandt/systeminformation/alerts" rel="nofollow"><img src="https://camo.githubusercontent.com/66428127fdde80fc8247a0c1df4c651f3a6b1c0a/68747470733a2f2f696d672e736869656c64732e696f2f6c67746d2f616c657274732f672f73656268696c64656272616e64742f73797374656d696e666f726d6174696f6e2e7376673f7374796c653d666c61742d737175617265" alt="Total alerts" data-canonical-src="https://img.shields.io/lgtm/alerts/g/sebhildebrandt/systeminformation.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
<a href="https://github.com/sebhildebrandt/systeminformation/blob/master/LICENSE"><img src="https://camo.githubusercontent.com/4b5966a2a252ee0f241a1e03b13417178eb4964f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c61742d737175617265" alt="MIT license" data-canonical-src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" style="max-width:100%;"></a>
|
||||
</div>
|
||||
<div class="text larger"><span class="warning">Security issues:</span> Please have a look at our <a href="../security.html">security advisories</a>.</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row number-section">
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div class="numbers">14,645</div>
|
||||
<div class="title">Lines of code</div>
|
||||
<div class="row number-section">
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div class="numbers">14,654</div>
|
||||
<div class="title">Lines of code</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div id="downloads" class="numbers">...</div>
|
||||
<div class="title">Downloads last month</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div class="numbers">477</div>
|
||||
<div class="title">Dependents</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div id="downloads" class="numbers">...</div>
|
||||
<div class="title">Downloads last month</div>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
|
||||
<div class="numbers">476</div>
|
||||
<div class="title">Dependents</div>
|
||||
<div class="row" id="docs">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title">Documentation</div>
|
||||
<div class="subtitle">Detailed documentation and reference for version 5.x.x</div>
|
||||
<div class="title-small">Breaking Changes - Version 5</div>
|
||||
<div class="text">We made a lot of improvements and changes in the new version. <span class="bold">Version 5 is NOT fully backward compatible to version 4!</span> Be aware, there are some breaking changes. Please refer to the <a href="changes.html">Version 5 - Changes</a> page to see a full documentation of all changes you should have a look on.</div>
|
||||
<div class="text larger"><span class="bold">Version 4 documentation</span> can be found <a href="v4/index.html">here</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
<div class="row index">
|
||||
<a href="gettingstarted.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-download"></i></div>
|
||||
<div class="icontitle">Quick Start</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="general.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-th-list"></i></div>
|
||||
<div class="icontitle">General</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="system.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-server"></i></div>
|
||||
<div class="icontitle">System</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="cpu.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-microchip"></i></div>
|
||||
<div class="icontitle">CPU</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="memory.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-memory"></i></div>
|
||||
<div class="icontitle">Memory</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="battery.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-battery-half"></i></div>
|
||||
<div class="icontitle">Battery</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="graphics.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-desktop"></i></div>
|
||||
<div class="icontitle">Graphics</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="os.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-window"></i></div>
|
||||
<div class="icontitle">OS</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="processes.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-chart-line"></i></div>
|
||||
<div class="icontitle">Process/Service</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="filesystem.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-hdd"></i></div>
|
||||
<div class="icontitle">Disks / FS</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="usb.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-usb"></i></div>
|
||||
<div class="icontitle">USB</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="printer.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-print"></i></div>
|
||||
<div class="icontitle">Printer</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="audio.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-volume"></i></div>
|
||||
<div class="icontitle">Audio</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="network.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-network-wired"></i></div>
|
||||
<div class="icontitle">Network</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="wifi.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-wifi"></i></div>
|
||||
<div class="icontitle">Wifi</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="bluetooth.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-bluetooth"></i></div>
|
||||
<div class="icontitle">Bluetooth</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="docker.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-docker"></i></div>
|
||||
<div class="icontitle">Docker</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="vbox.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-box-open"></i></div>
|
||||
<div class="icontitle">Virtual Box</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="docs">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title">Documentation</div>
|
||||
<div class="subtitle">Detailed documentation and reference for version 5.x.x</div>
|
||||
<div class="title-small">Breaking Changes - Version 5</div>
|
||||
<div class="text">We made a lot of improvements and changes in the new version. <span class="bold">Version 5 is NOT fully backward compatible to version 4!</span> Be aware, there are some breaking changes. Please refer to the <a href="changes.html">Version 5 - Changes</a> page to see a full documentation of all changes you should have a look on.</div>
|
||||
<div class="text larger"><span class="bold">Version 4 documentation</span> can be found <a href="v4/index.html">here</a>.</div>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row index">
|
||||
<a href="gettingstarted.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-download"></i></div>
|
||||
<div class="icontitle">Quick Start</div>
|
||||
<div class="row">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title-small">Issues</div>
|
||||
<div class="text"><span class="warning">Security issues:</span> We highly recomment to have a look at our <a href="security.html">security advisories</a></div>
|
||||
<div class="text"><span class="bold">Having an issue</span>: If you run into problems, please check out <a href="issues.html">known issues page</a> first.<br>If you still have problems, please feel free to open an issue on our <a href="https://github.com/sebhildebrandt/systeminformation/issues">github page</a></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="general.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-th-list"></i></div>
|
||||
<div class="icontitle">General</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="system.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-server"></i></div>
|
||||
<div class="icontitle">System</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="cpu.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-microchip"></i></div>
|
||||
<div class="icontitle">CPU</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="memory.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-memory"></i></div>
|
||||
<div class="icontitle">Memory</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="battery.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-battery-half"></i></div>
|
||||
<div class="icontitle">Battery</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="graphics.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-desktop"></i></div>
|
||||
<div class="icontitle">Graphics</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="os.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-window"></i></div>
|
||||
<div class="icontitle">OS</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="processes.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-chart-line"></i></div>
|
||||
<div class="icontitle">Process/Service</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="filesystem.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-hdd"></i></div>
|
||||
<div class="icontitle">Disks / FS</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="usb.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-usb"></i></div>
|
||||
<div class="icontitle">USB</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="printer.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-print"></i></div>
|
||||
<div class="icontitle">Printer</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="audio.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-volume"></i></div>
|
||||
<div class="icontitle">Audio</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="network.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-network-wired"></i></div>
|
||||
<div class="icontitle">Network</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="wifi.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-wifi"></i></div>
|
||||
<div class="icontitle">Wifi</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="bluetooth.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-bluetooth"></i></div>
|
||||
<div class="icontitle">Bluetooth</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="docker.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fab fa-docker"></i></div>
|
||||
<div class="icontitle">Docker</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="vbox.html" class="col-xl-3 col-lg-3 col-md-4 col-6 features">
|
||||
<div class="inner">
|
||||
<div class="icons"><i class="fal fa-box-open"></i></div>
|
||||
<div class="icontitle">Virtual Box</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row justify-content-center sectionheader index">
|
||||
<div class="col-8">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 sectionheader index">
|
||||
<div class="title-small">Issues</div>
|
||||
<div class="text"><span class="warning">Security issues:</span> We highly recomment to have a look at our <a href="security.html">security advisories</a></div>
|
||||
<div class="text"><span class="bold">Having an issue</span>: If you run into problems, please check out <a href="issues.html">known issues page</a> first.<br>If you still have problems, please feel free to open an issue on our <a href="https://github.com/sebhildebrandt/systeminformation/issues">github page</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="container-fluid">
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer class="container-fluid footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-12">
|
||||
@@ -398,4 +402,4 @@
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
Reference in New Issue
Block a user