github_mirrors/ua-parser-js
3
0
Fork 1
mirror of https://github.com/faisalman/ua-parser-js.git synced 2025-11-18 15:50:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add illustration

Browse Source
This commit is contained in:
Faisal Salman
2023-01-26 22:54:24 +07:00
parent 2eb632f4be
commit 6e454f64e6
4 changed files with 29 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@@ -19,23 +19,13 @@
<body>
<div class="pusher">
<div class="ui inverted instagram vertical masthead center aligned segment">
<h1 class="ui inverted header">
What <span class="ui massive black label">device.type</span> am I using?
</h1>
<div class="ui text container">
<h1 class="ui inverted header">
What <span class="ui massive black label">device.type</span> am I using?
</h1>
<h2><a href="https://faisalman.github.io/ua-parser-js">{UAParser.js}</a> abstracts away the hassle of User-Agent detection by turning them into a set of simple & meaningful data so you can focus on what really matters.</h2>
<div class="ui large buttons">
<a class="ui labeled icon violet button" href="https://github.com/faisalman/ua-parser-js" target="_blank">
<i class="download icon"></i>
Download
</a>
<div class="or"></div>
<a class="ui right labeled icon violet button" href="#demo">
<i class="chevron right icon"></i>
See Demo
</a>
</div>
<h2><em><a href="https://faisalman.github.io/ua-parser-js">{UAParser.js}</a> abstracts away the hassle of <u>User-Agent</u> detection by turning them into a set of <u>simple</u> & <u>meaningful</u> data so you can<mark> focus on what really matters.</mark></em></h2>
</div>
<img class="ui centered image illustration" src="images/illustration.png"/>
</div>
<div class="ui text container">
<div id="demo" class="ui horizontal divider">
@@ -53,36 +43,36 @@
<i class="edge icon"></i>
Browser
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="browser-img" src="">
</div>
<div class="ui center aligned header">
<div class="header" id="browser-txt"></div>
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="browser-img" src="">
</div>
</div>
<div class="column">
<div class="ui center aligned animated icon">
<i class="cogs icon"></i>
Engine
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="engine-img" src="">
</div>
<div class="ui center aligned header">
<div class="header" id="engine-txt"></div>
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="engine-img" src="">
</div>
</div>
<div class="column">
<div class="ui center aligned animated icon">
<i class="windows icon"></i>
OS
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="os-img" src="">
</div>
<div class="ui center aligned header">
<div class="header" id="os-txt"></div>
</div>
<div class="ui basic segment">
<img class="ui tiny centered image" id="os-img" src="">
</div>
</div>
</div>
<div class="row">