Skip to content

Commit dcdfb94

Browse files
faisalmanfaisalman
committed
New: UAParser @cloud
1 parent eba73ed commit dcdfb94

File tree

25 files changed

+3623
-1726
lines changed

25 files changed

+3623
-1726
lines changed

‎cloud/index.html‎

Lines changed: 364 additions & 0 deletions
Large diffs are not rendered by default.

‎images/bots-traffic.png‎

74.6 KB
Loading

‎images/client-hints.png‎

19.1 KB
Loading

‎images/device-type.png‎

12.5 KB
Loading

‎images/uap-cloud-api.png‎

128 KB
Loading

‎images/uap-cloud-header.png‎

229 KB
Loading

‎index.html‎

Lines changed: 43 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<meta property="og:type" content="website">
1616
<meta property="og:description" content="Abstract away the hassle of user-agent detection">
1717
<meta property="og:locale" content="en_US">
18-
<title>UAParser.js - Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent & Client Hints data using JavaScript. Supports browser & node.js environment. Also available as jQuery plugin & TypeScript-ready development.</title>
18+
<title>UAParser.js | Detect Browser, Engine, OS, CPU, and Device type/model.</title>
1919
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css">
2020
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/srcery.min.css">
2121
<link rel="stylesheet" type="text/css" href="semantic-ui/semantic.css">
@@ -37,13 +37,12 @@
3737
<div class="pusher">
3838
<div class="ui inverted instagram vertical masthead center aligned segment">
3939
<div class="ui text container">
40-
<a href="https://uaparser.dev"><h1>UAParser.js</h1></a>
41-
<h2>Abstracts Away The Hassle of User-Agent Detection</h2>
42-
<div class="ui massive buttons">
43-
<a href="#demo" class="ui violet button"><i class="magic icon"></i>Try Demo</a>
44-
<a href="https://docs.uaparser.dev" class="ui green button"><i class="book icon"></i>Read Docs</a>
45-
<a href="#download" class="ui blue button"><i class="download icon"></i>Download</a>
46-
</div>
40+
<a href="https://uaparser.dev"><h1>UAParser.js</h1></a>
41+
<h2>Abstracts Away The Hassle of User-Agent Detection</h2>
42+
<a href="#demo" class="ui violet large button"><i class="magic icon"></i>Demo</a>
43+
<a href="#download" class="ui blue large button"><i class="download icon"></i>Download</a>
44+
<a href="#cloud" class="ui red large button"><i class="cloud icon"></i>@cloud</a>
45+
<a href="https://docs.uaparser.dev" class="ui green large button" target="_blank"><i class="book icon"></i>Docs <i class="icon arrow circle right"></i></a>
4746
</div>
4847
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-illustrations.png" />
4948
</div>
@@ -315,7 +314,7 @@ <h3 class="ui header">
315314
console.log(device.model); // N900
316315
</code></pre>
317316

318-
<a href="https://docs.uaparser.dev/intro/quick-start/using-es-modules-typescript.html" class="ui large violet button"><i class="external alternate icon"></i>READ THE DOCS</a>
317+
<a href="https://docs.uaparser.dev/intro/quick-start/using-es-modules-typescript.html" class="ui large violet button" target="_blank">READ DOCS <i class="icon arrow circle right"></i></a>
319318
</div>
320319
</div>
321320
<div class="ui bottom attached tab tall stacked segment" data-tab="html">
@@ -402,7 +401,7 @@ <h3 class="ui header">
402401
&lt;/html&gt;
403402
</code></pre>
404403

405-
<a href="https://docs.uaparser.dev/intro/quick-start/using-html.html" class="ui large violet button"><i class="external alternate icon"></i>READ THE DOCS</a>
404+
<a href="https://docs.uaparser.dev/intro/quick-start/using-html.html" class="ui large violet button" target="_blank">READ DOCS <i class="icon arrow circle right"></i></a>
406405
</div>
407406
</div>
408407
<div class="ui bottom attached tab tall stacked segment" data-tab="node">
@@ -446,7 +445,7 @@ <h3 class="ui header">
446445
console.log('Server running at http://127.0.0.1:1337/');
447446
</code></pre>
448447

449-
<a href="https://docs.uaparser.dev/intro/quick-start/using-node-js.html" class="ui large violet button"><i class="external alternate icon"></i>READ THE DOCS</a>
448+
<a href="https://docs.uaparser.dev/intro/quick-start/using-node-js.html" class="ui large violet button" target="_blank">READ DOCS <i class="icon arrow circle right"></i></a>
450449

451450
</div>
452451
</div>
@@ -510,7 +509,7 @@ <h4>Code Example:</h4>
510509
$.ua.device.type);
511510
</code></pre>
512511

513-
<a href="https://docs.uaparser.dev/intro/quick-start/using-jquery.html" class="ui large violet button"><i class="external alternate icon"></i>READ THE DOCS</a>
512+
<a href="https://docs.uaparser.dev/intro/quick-start/using-jquery.html" class="ui large violet button" target="_blank">READ DOCS <i class="icon arrow circle right"></i></a>
514513
</div>
515514
</div>
516515
<div class="ui bottom attached tab tall stacked segment" data-tab="cli">
@@ -545,7 +544,7 @@ <h4>Code Example:</h4>
545544
$ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
546545
</code></pre>
547546

548-
<a href="https://docs.uaparser.dev/intro/quick-start/using-cli.html" class="ui large violet button"><i class="external alternate icon"></i>READ THE DOCS</a>
547+
<a href="https://docs.uaparser.dev/intro/quick-start/using-cli.html" class="ui large violet button" target="_blank">READ DOCS <i class="icon arrow circle right"></i></a>
549548
</div>
550549
</div>
551550
<div class="ui horizontal divider">
@@ -648,7 +647,7 @@ <h2 class="ui dividing header">Case Studies<div class="sub header">Hover over th
648647
</h2>
649648
</div>
650649
<div class="ui basic centered segment">
651-
<div class="ui equal width stackable grid"">
650+
<div class="ui equal width stackable grid">
652651
<div class=" row">
653652
<div class="column">
654653
<img alt="Microsoft logo" src="images/companies/microsoft.png" />
@@ -1307,7 +1306,7 @@ <h2 class="ui dividing header">Backers & Sponsors <div class="sub header">Those
13071306
the value from using this library</div>
13081307
</h2>
13091308
<div class="description">
1310-
<a href="https://opencollective.com/ua-parser-js"><img alt="organization backer photos" class="ui image"
1309+
<a href="https://opencollective.com/ua-parser-js" target="_blank"><img alt="organization backer photos" class="ui image"
13111310
src="https://opencollective.com/ua-parser-js/organizations.svg?avatarHeight=64" />
13121311
<img alt="individual backer photos" class="ui image"
13131312
src="https://opencollective.com/ua-parser-js/individuals.svg?avatarHeight=64" /></a>
@@ -1317,19 +1316,19 @@ <h2 class="ui dividing header">Backers & Sponsors <div class="sub header">Those
13171316
<h2 class="ui dividing header">Contributors <div class="sub header">Those who collaborate and
13181317
continuously improve this library to be awesome</div>
13191318
</h2>
1320-
<a href="https://github.com/faisalman/ua-parser-js/graphs/contributors"><img alt="contributor photos" class="ui centered image"
1319+
<a href="https://github.com/faisalman/ua-parser-js/graphs/contributors" target="_blank"><img alt="contributor photos" class="ui centered image"
13211320
src="https://opencollective.com/ua-parser-js/contributors.svg?avatarHeight=32&width=640" /></a>
13221321
</div>
13231322
<div class="ui basic left aligned segment">
13241323
<h3 class="ui dividing header">Support UAParser.js<div class="sub header">Feel free to contribute if you find it helpful</div>
13251324
</h3>
13261325
<a href="https://opencollective.com/ua-parser-js/donate?interval=oneTime"
1327-
class="ui labeled icon black large button">
1326+
class="ui labeled icon black large button" target="_blank">
13281327
<i class="dollar sign icon"></i>ONE-TIME DONATION</a>
13291328
<a href="https://opencollective.com/ua-parser-js/donate?interval=month"
1330-
class="ui labeled icon black large button">
1329+
class="ui labeled icon black large button" target="_blank">
13311330
<i class="sync icon"></i>MONTHLY</a>
1332-
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button">
1331+
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button" target="_blank">
13331332
<i class="github alternate icon"></i>GITHUB SPONSORS</a>
13341333
</div>
13351334
</div>
@@ -1338,7 +1337,7 @@ <h3 class="ui dividing header">Support UAParser.js<div class="sub header">Feel f
13381337
</div>
13391338
<div class="ui tall stacked segment" id="download">
13401339
<div class="ui basic centered segment">
1341-
<h2 class="ui dividing header">Package Options<div class="sub header">Comparison between our open-source & commercial editions</div>
1340+
<h2 class="ui dividing header">UAParser.js Package Options<div class="sub header">Comparison between our open-source & commercial editions</div>
13421341
</h2>
13431342
<table class="ui center aligned collapsing celled unstackable table">
13441343
<thead>
@@ -1536,6 +1535,30 @@ <h2 class="ui dividing header">Package Options<div class="sub header">Comparison
15361535
</table>
15371536
</div>
15381537
</div>
1538+
<div class="ui horizontal divider">
1539+
New: UAParser @Cloud
1540+
</div>
1541+
<div class="ui tall stacked segment">
1542+
<div class="ui basic centered segment" id="cloud">
1543+
<h2 class="ui dividing header">UAParser @cloud<div class="floating ui red massive label">NEW</div><div class="sub header">Our @cloud REST API web service offers seamless integration with any tech stack</div>
1544+
</h2>
1545+
<a href="/cloud" target="_blank"><img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-cloud-api.png" /></a>
1546+
<pre><code># Example
1547+
POST https://api.uaparser.dev/cloud/v1/identify/device
1548+
1549+
Content-Type: application/json
1550+
Authorization: Bearer YOUR_API_KEY
1551+
1552+
{
1553+
"headers": {
1554+
"User-Agent" : "Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3"
1555+
}
1556+
}</code></pre>
1557+
<div class="ui large buttons">
1558+
<a href="/cloud" class="ui red large button" target="_blank">LEARN MORE <i class="icon arrow circle right"></i></a>
1559+
</div>
1560+
</div>
1561+
</div>
15391562
<div class="ui horizontal divider">
15401563
BONUS: WEB DEVELOPMENT TRIVIA
15411564
</div>

‎js/script.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,17 @@ $(document)
143143
hide: 300
144144
}
145145
});
146+
$(window).on('scroll', function () {
147+
if ($('#showcase img').offset().top < $(window).scrollTop() + $(window).height()) {
148+
$('#showcase img')
149+
.transition({
150+
animation : 'jiggle',
151+
duration : 1000,
152+
interval : 500
153+
});
154+
$(window).off('scroll');
155+
}
156+
});
146157

147158
var clipboard = new ClipboardJS('#btn-clipboard');
148159
clipboard.on('success', function(e) {

‎js/ua-parser.js‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)