diff --git a/css/style.css b/css/style.css index c859f43..f5ca19f 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,16 @@ html { scroll-behavior: smooth; } +code, +.code { + font-family: 'Source Code Pro', 'Courier New', Courier, monospace; +} +strong.subtle{ + color: rgba(0, 0, 0, 0.7) +} +.hljs-punctuation, .hljs-tag { +color: rgba(255, 255, 255, 0.3); +} .ui.horizontal.divider { margin: 3rem 0 2rem; } @@ -19,10 +29,10 @@ margin-left: 0.5em; } .masthead h2.ui.header { margin-top: 3em; -font-size: 7em; +font-size: 5rem; } .masthead h1 { -font-size: 1.3em; +font-size: 1.8rem; font-weight: normal; margin: 0.5em 0 2em 0; } @@ -99,7 +109,7 @@ display: none; min-height: 300px; } .masthead .ui.massive.label { - font-size: 1rem; + font-size: 3rem; } .masthead h1.ui.header { font-size: 1.5em; diff --git a/index.html b/index.html index d8f0bac..2053e2c 100644 --- a/index.html +++ b/index.html @@ -1,960 +1,1124 @@ +
- - - - -{UAParser.js} is a JavaScript library to detect user's Browser, Engine, OS, CPU, and Device type/model, either in browser (client-side) or node.js (server-side).
- -- {UAParser.js} abstracts away the hassle of User-Agent detection by turning them into a set of simple & meaningful data. As an example, this is what we get from your browser's User-Agent information:
-- {UAParser.js} will transforms it into a well-structured data:
-
- {UAParser.js} is a JavaScript library to detect user's + Browser, Engine, OS, CPU, and Device type/model. Runs either + in browser (client-side) or node.js (server-side).
+ + ++ {UAParser.js} abstracts away the hassle of User-Agent detection by turning them into a set of + simple & meaningful data. As an example, this is what we get from your browser's User-Agent + information:
++ {UAParser.js} will transforms it into a well-structured format:
+
+ User-Agent string as of today is a mess. On the other hand, there is no reliable way to identify user details.
+{UAParser.js} filters the noise away & extracts + only the most meaningful data: Browser, Engine, OS, + CPU, & Device in a well-structured format.
+No bloated framework. No transpiler required. No unnecessary boilerplate. No + dependencies.
+Just a good ol' ES3-compatible syntax that is able to + run on relatively old browsers while also performs + on most modern devices.
+For jQuery user, {UAParser.js} automatically detects + and generates a plugin as $.ua
+Also, for TypeScript user, there is a + community-maintained types: @types/ua-parser-js
+Whether it's a client-side webpage running in a browser, or a server-side node.js app, simply type:
$ npm i ua-parser-js +"A great utility library to have when you're + investigating what kind of users are visiting your website and + how you can improve their UX. Supports most browsers out + there."
+Gabrijel Golubić - Frontend Web Developer
+"I've been using your library for a long time and it + totally rocks!".
+Christian Rich - Web Developer
+"Thank you for putting out this very useful + library!".
+Anuj Nijhawan - Web Developer
+