mirror of
https://github.com/faisalman/ua-parser-js.git
synced 2025-09-27 07:58:45 +03:00
Small updates
This commit is contained in:
Faisal Salman
parent
37b6338322
commit
ab9fdd6116
@ -21,6 +21,7 @@ color: rgba(255, 255, 255, 0.3);
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 5rem;
|
font-size: 5rem;
|
||||||
|
padding: 2em 0 0 0;
|
||||||
}
|
}
|
||||||
.masthead h2 {
|
.masthead h2 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|||||||
291
index.html
291
index.html
@ -38,14 +38,11 @@
|
|||||||
<h3>
|
<h3>
|
||||||
What is my <a href="#ua-txt-info"><span class="ui black huge label">User-Agent</span></a>
|
What is my <a href="#ua-txt-info"><span class="ui black huge label">User-Agent</span></a>
|
||||||
</h3>
|
</h3>
|
||||||
<div class="ui horizontal inverted divider">
|
|
||||||
Introducing
|
|
||||||
</div>
|
|
||||||
<div class="ui text container">
|
<div class="ui text container">
|
||||||
<a href="https://uaparser.dev"><h1>UAParser.js</h1></a>
|
<a href="https://uaparser.dev"><h1>UAParser.js</h1></a>
|
||||||
<h2>Abstracts Away The Hassle of User-Agent Detection</h2>
|
<h2>Abstracts Away The Hassle of User-Agent Detection</h2>
|
||||||
<div class="ui massive buttons">
|
<div class="ui massive buttons">
|
||||||
<a href="#try" class="ui violet button"><i class="magic icon"></i>Try Demo</a>
|
<a href="#demo" class="ui violet button"><i class="magic icon"></i>Try Demo</a>
|
||||||
<a href="https://docs.uaparser.dev" class="ui green button"><i class="book icon"></i>Read Docs</a>
|
<a href="https://docs.uaparser.dev" class="ui green button"><i class="book icon"></i>Read Docs</a>
|
||||||
<a href="#download" class="ui blue button"><i class="download icon"></i>Download</a>
|
<a href="#download" class="ui blue button"><i class="download icon"></i>Download</a>
|
||||||
</div>
|
</div>
|
||||||
@ -72,7 +69,7 @@
|
|||||||
|
|
||||||
<div class="ui text container">
|
<div class="ui text container">
|
||||||
<div id="demo" class="ui horizontal divider">
|
<div id="demo" class="ui horizontal divider">
|
||||||
DEMO : A USER-AGENT PLAYGROUND
|
DEMO: USER-AGENT PLAYGROUND
|
||||||
</div>
|
</div>
|
||||||
<div class="ui tall stacked segment">
|
<div class="ui tall stacked segment">
|
||||||
<div class="ui basic segment">
|
<div class="ui basic segment">
|
||||||
@ -83,13 +80,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="ui basic segment center aligned">
|
<div class="ui basic segment center aligned">
|
||||||
<p class="what-provides" id="ua-txt-info">
|
<p class="what-provides" id="ua-txt-info">
|
||||||
What your browser provides = 😱😵💫❌
|
What your browser tells you = 😵💫 🤯 ❌
|
||||||
</p>
|
</p>
|
||||||
<div class="ui horizontal divider">
|
<div class="ui horizontal divider">
|
||||||
VS
|
VS
|
||||||
</div>
|
</div>
|
||||||
<p class="what-provides">
|
<p class="what-provides">
|
||||||
What {UAParser.js} provides = 🙂💰✅
|
What UAParser.js provides = 🙂 💲💲💲 ✅
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<pre><code id="ua-result" class="language-json"></code></pre>
|
<pre><code id="ua-result" class="language-json"></code></pre>
|
||||||
@ -217,7 +214,78 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui horizontal divider">
|
<div class="ui horizontal divider">
|
||||||
QUICKSTART : SUPPORT VARIOUS DEVELOPMENT STRATEGIES
|
FEATURES
|
||||||
|
</div>
|
||||||
|
<div class="ui tall stacked segment">
|
||||||
|
<div class="ui equal width stackable grid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="filter icon"></i>
|
||||||
|
<div class="content">Extracts Valuable Data</div>
|
||||||
|
</h3>
|
||||||
|
<p>UAParser.js filters the noise away and only extracts the most meaningful data in a well-structured format.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="paper plane icon"></i>
|
||||||
|
<div class="content">Relatively Small Footprint</div>
|
||||||
|
</h3>
|
||||||
|
<p>While UAParser.js covers a vast range of detection, on the other hand its size is always kept to be as light as possible.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="js square icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
Zero-deps Vanilla JS
|
||||||
|
</div>
|
||||||
|
</h3>
|
||||||
|
<p>No dependencies, bloated framework, unnecessary boilerplate, transpiler, or large-sized files required.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="github icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
100% Open Source
|
||||||
|
</div>
|
||||||
|
</h3>
|
||||||
|
<p>UAParser.js is open source from the start. If you need more flexibility, PRO licenses are also available.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="keyboard icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
Best Developer Experience
|
||||||
|
</div>
|
||||||
|
</h3>
|
||||||
|
<p>UAParser.js generates a plugin for jQuery user, and provides predefined type declarations for TypeScript user.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="ui basic segment">
|
||||||
|
<h3 class="ui header">
|
||||||
|
<i class="npm icon"></i>
|
||||||
|
<div class="content">Client-side & Server-side</div>
|
||||||
|
</h3>
|
||||||
|
<p>UAParser.js is an isomorphic JavaScript library, it can be run either in browser or node.js environment.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui horizontal divider">
|
||||||
|
QUICKSTART
|
||||||
</div>
|
</div>
|
||||||
<div class="ui top attached tabular menu">
|
<div class="ui top attached tabular menu">
|
||||||
<a class="item active" data-tab="esm">ESM / TypeScript</a>
|
<a class="item active" data-tab="esm">ESM / TypeScript</a>
|
||||||
@ -482,86 +550,15 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui horizontal divider">
|
|
||||||
FEATURES: WHEN LESS IS MORE
|
|
||||||
</div>
|
|
||||||
<div class="ui tall stacked segment">
|
|
||||||
<div class="ui equal width stackable grid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="filter icon"></i>
|
|
||||||
<div class="content">Extract Only What's Valuable</div>
|
|
||||||
</h3>
|
|
||||||
<p>{UAParser.js} filters the noise away and only extracts the most meaningful data in a well-structured format.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="paper plane icon"></i>
|
|
||||||
<div class="content">Relatively Small Footprint</div>
|
|
||||||
</h3>
|
|
||||||
<p>While {UAParser.js} covers a vast range of detection, on the other hand its size is always kept to be as light as possible.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="js square icon"></i>
|
|
||||||
<div class="content">
|
|
||||||
Zero-deps Vanilla JS
|
|
||||||
</div>
|
|
||||||
</h3>
|
|
||||||
<p>No dependencies, bloated framework, unnecessary boilerplate, transpiler, or large-sized files required.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="github icon"></i>
|
|
||||||
<div class="content">
|
|
||||||
100% Free & Open Source
|
|
||||||
</div>
|
|
||||||
</h3>
|
|
||||||
<p>{UAParser.js} is free to use & modify at no charge. PRO licenses also available if you need a non-free license.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="keyboard icon"></i>
|
|
||||||
<div class="content">
|
|
||||||
Best Developer Experience
|
|
||||||
</div>
|
|
||||||
</h3>
|
|
||||||
<p>{UAParser.js} generates a plugin for jQuery user, and provides predefined type for TypeScript user.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<div class="ui basic segment">
|
|
||||||
<h3 class="ui header">
|
|
||||||
<i class="npm icon"></i>
|
|
||||||
<div class="content">Client-side & Server-side</div>
|
|
||||||
</h3>
|
|
||||||
<p>{UAParser.js} is an isomorphic JavaScript library that's able to run either in browser or node.js environment.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui horizontal divider">
|
<div class="ui horizontal divider">
|
||||||
TESTIMONIALS : LOVED BY DEVELOPERS
|
LOVED BY DEVELOPERS
|
||||||
</div>
|
</div>
|
||||||
<div class="ui tall stacked segment">
|
<div class="ui tall stacked segment">
|
||||||
<div class="ui equal width stackable divided grid">
|
<div class="ui equal width stackable divided grid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="ui basic segment">
|
<div class="ui basic segment">
|
||||||
<div class="ui items">
|
<div class="ui relaxed divided items">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<span class="header">Great Utility!</span>
|
<span class="header">Great Utility!</span>
|
||||||
@ -574,7 +571,20 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
investigating what kind of users are visiting your website and
|
investigating what kind of users are visiting your website and
|
||||||
how you can improve their UX. Supports most browsers out
|
how you can improve their UX. Supports most browsers out
|
||||||
there."</em></p>
|
there."</em></p>
|
||||||
<p><strong>Gabrijel Golubić</strong> - Frontend Web Developer</p>
|
<p><strong>Gabrijel Golubić</strong></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="content">
|
||||||
|
<span class="header">Easier Life!</span>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui star rating" data-rating="5" data-max-rating="5"></div>
|
||||||
|
5/5
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p class="code"><em>"Thanks to the awesome people who make life so much easier for developers.. The evolution of the internet has made it critical that we detect the user's device type accurately to make our apps function better and look better."</em>.</p>
|
||||||
|
<p><strong>The-Linguist</strong></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -587,20 +597,41 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<span class="header">Totally Rocks!</span>
|
<span class="header">Totally Rocks!</span>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui star rating" data-rating="5" data-max-rating="5"></div>
|
||||||
|
5/5
|
||||||
|
</div>
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<p class="code"><em>"I've been using your library for a long time and it
|
<p class="code"><em>"I've been using your library for a long time and it
|
||||||
totally rocks!"</em>.</p>
|
totally rocks!"</em>.</p>
|
||||||
<p><strong>Christian Rich</strong> - Web Developer</p>
|
<p><strong>Christian Rich</strong></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<span class="header">Very Useful!</span>
|
<span class="header">Very Useful!</span>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui star rating" data-rating="5" data-max-rating="5"></div>
|
||||||
|
5/5
|
||||||
|
</div>
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<p class="code"><em>"Thank you for putting out this very useful
|
<p class="code"><em>"Thank you for putting out this very useful
|
||||||
library!"</em>.</p>
|
library!"</em>.</p>
|
||||||
<p><strong>Anuj Nijhawan</strong> - Web Developer</p>
|
<p><strong>Anuj Nijhawan</strong></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<div class="content">
|
||||||
|
<span class="header">Essential Library!</span>
|
||||||
|
<div class="extra">
|
||||||
|
<div class="ui star rating" data-rating="5" data-max-rating="5"></div>
|
||||||
|
5/5
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p class="code"><em>"For years, it has been appreciated as a valuable tool for web developers. Its ability to accurately parse user agent strings.. has made it an essential library for many of us."</em>.</p>
|
||||||
|
<p><strong>LogRocket</strong></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -610,18 +641,17 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui horizontal divider">
|
<div class="ui horizontal divider">
|
||||||
SHOWCASES : TRUSTED BY TOP COMPANIES
|
TRUSTED BY TOP TECH COMPANIES
|
||||||
</div>
|
</div>
|
||||||
<div class="ui tall stacked segment" id="showcase">
|
<div class="ui tall stacked segment" id="showcase">
|
||||||
<div class="ui basic centered segment">
|
<div class="ui basic centered segment">
|
||||||
<h2 class="ui dividing header">Who's Using {UAParser.js} ?<div class="sub header">Showcasing some
|
<h2 class="ui dividing header">Case Studies<div class="sub header">Hover over the company logo to preview the project that uses UAParser.js</div>
|
||||||
companies that are using our library</div>
|
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui basic centered segment">
|
<div class="ui basic centered segment">
|
||||||
<div class="ui equal width stackable grid"">
|
<div class="ui equal width stackable grid"">
|
||||||
<div class=" row">
|
<div class=" row">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<img alt="Microsoft logo" src="images/companies/microsoft.png" />
|
<img alt="Microsoft logo" src="images/companies/microsoft.png" />
|
||||||
<div class="ui popup">
|
<div class="ui popup">
|
||||||
@ -1271,7 +1301,42 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui horizontal divider">
|
<div class="ui horizontal divider">
|
||||||
DOWNLOADS : CHOOSE YOUR PACKAGE
|
SUPPORTED BY THE AMAZING OPEN-SOURCE COMMUNITIES
|
||||||
|
</div>
|
||||||
|
<div class="ui tall stacked segment">
|
||||||
|
<div class="ui basic centered segment">
|
||||||
|
<h2 class="ui dividing header">Backers & Sponsors <div class="sub header">Those who give back and get
|
||||||
|
the value from using this library</div>
|
||||||
|
</h2>
|
||||||
|
<div class="description">
|
||||||
|
<a href="https://opencollective.com/ua-parser-js"><img alt="organization backer photos" class="ui image"
|
||||||
|
src="https://opencollective.com/ua-parser-js/organizations.svg?avatarHeight=64" />
|
||||||
|
<img alt="individual backer photos" class="ui image"
|
||||||
|
src="https://opencollective.com/ua-parser-js/individuals.svg?avatarHeight=64" /></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui basic centered segment">
|
||||||
|
<h2 class="ui dividing header">Contributors <div class="sub header">Those who collaborate and
|
||||||
|
continuously improve this library to be awesome</div>
|
||||||
|
</h2>
|
||||||
|
<a href="https://github.com/faisalman/ua-parser-js/graphs/contributors"><img alt="contributor photos" class="ui centered image"
|
||||||
|
src="https://opencollective.com/ua-parser-js/contributors.svg?avatarHeight=32&width=640" /></a>
|
||||||
|
</div>
|
||||||
|
<div class="ui basic left aligned segment">
|
||||||
|
<h3 class="ui dividing header">Support UAParser.js<div class="sub header">Feel free to contribute if you find it helpful</div>
|
||||||
|
</h3>
|
||||||
|
<a href="https://opencollective.com/ua-parser-js/donate?interval=oneTime"
|
||||||
|
class="ui labeled icon black large button">
|
||||||
|
<i class="dollar sign icon"></i>ONE-TIME DONATION</a>
|
||||||
|
<a href="https://opencollective.com/ua-parser-js/donate?interval=month"
|
||||||
|
class="ui labeled icon black large button">
|
||||||
|
<i class="sync icon"></i>MONTHLY</a>
|
||||||
|
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button">
|
||||||
|
<i class="github alternate icon"></i>GITHUB SPONSORS</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui horizontal divider">
|
||||||
|
CHOOSE YOUR DOWNLOAD PACKAGE
|
||||||
</div>
|
</div>
|
||||||
<div class="ui tall stacked segment" id="download">
|
<div class="ui tall stacked segment" id="download">
|
||||||
<div class="ui basic centered segment">
|
<div class="ui basic centered segment">
|
||||||
@ -1424,8 +1489,8 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="left aligned">1-year limited support</td>
|
<td class="left aligned">1-year limited support</td>
|
||||||
<td class="negative"><i class="large red minus circle icon"></i></td>
|
<td class="negative" data-tooltip="GitHub issue"><i class="large red minus circle icon"></i></td>
|
||||||
<td class="negative"><i class="large red minus circle icon"></i></td>
|
<td class="negative" data-tooltip="GitHub issue"><i class="large red minus circle icon"></i></td>
|
||||||
<td class="positive"><i class="large green checkmark icon"></i></td>
|
<td class="positive"><i class="large green checkmark icon"></i></td>
|
||||||
<td class="positive"><i class="large green checkmark icon"></i></td>
|
<td class="positive"><i class="large green checkmark icon"></i></td>
|
||||||
<td class="positive"><i class="large green checkmark icon"></i></td>
|
<td class="positive"><i class="large green checkmark icon"></i></td>
|
||||||
@ -1450,49 +1515,13 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
<tfoot>
|
<tfoot>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="right aligned" colspan="6">
|
<th class="right aligned" colspan="6">
|
||||||
<a target="_blank" class="ui icon right labeled violet large button" href="https://store.faisalman.com/checkout/buy/e236ea87-9b2b-400e-9683-24367f731b35">GET THE PACKAGE <i class="icon arrow circle right"></i></a>
|
<a target="_blank" class="ui icon right labeled violet massive button" href="https://store.faisalman.com/checkout/buy/e236ea87-9b2b-400e-9683-24367f731b35">GET THE PACKAGE <i class="icon arrow circle right"></i></a>
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui horizontal divider">
|
|
||||||
CONTRIBUTORS : SUPPORTED BY THE AMAZING OPEN-SOURCE COMMUNITIES
|
|
||||||
</div>
|
|
||||||
<div class="ui tall stacked segment" id="contributors">
|
|
||||||
<div class="ui basic centered segment">
|
|
||||||
<h2 class="ui dividing header">Contributors <div class="sub header">Those who collaborate and
|
|
||||||
continuously improve this library to be awesome</div>
|
|
||||||
</h2>
|
|
||||||
<a href="https://github.com/faisalman/ua-parser-js/graphs/contributors"><img alt="contributor photos" class="ui centered image"
|
|
||||||
src="https://opencollective.com/ua-parser-js/contributors.svg?avatarHeight=64&width=640" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="ui basic centered segment">
|
|
||||||
<h2 class="ui dividing header">Backers & Sponsors <div class="sub header">Those who give back and get
|
|
||||||
the value from using this library</div>
|
|
||||||
</h2>
|
|
||||||
<div class="description">
|
|
||||||
<a href="https://opencollective.com/ua-parser-js"><img alt="organization backer photos" class="ui centered image"
|
|
||||||
src="https://opencollective.com/ua-parser-js/organizations.svg?avatarHeight=128" />
|
|
||||||
<img alt="individual backer photos" class="ui centered image"
|
|
||||||
src="https://opencollective.com/ua-parser-js/individuals.svg?avatarHeight=128" /></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui basic left aligned segment">
|
|
||||||
<h3 class="ui dividing header">Contribute to UAParser.js<div class="sub header">It's free to use, but
|
|
||||||
feel free to contribute if you find it helpful</div>
|
|
||||||
</h3>
|
|
||||||
<a href="https://opencollective.com/ua-parser-js/donate?interval=oneTime"
|
|
||||||
class="ui labeled icon black button">
|
|
||||||
<i class="dollar sign icon"></i>ONE-TIME SPONSOR</a>
|
|
||||||
<a href="https://opencollective.com/ua-parser-js/donate?interval=month"
|
|
||||||
class="ui labeled icon black button">
|
|
||||||
<i class="sync icon"></i>MONTHLY SPONSOR</a>
|
|
||||||
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black button">
|
|
||||||
<i class="github alternate icon"></i>GITHUB SPONSOR</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ui hidden divider">
|
<div class="ui hidden divider">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1535,7 +1564,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui right aligned basic segment">
|
<div class="ui right aligned basic segment">
|
||||||
<p>UAParser.js is licensed under MIT, AGPLv3 & PRO licenses. Copyright (c) 2012-2024 Faisal Salman.</p>
|
<p>UAParser.js is licensed under MIT / AGPLv3 / PRO licenses. Copyright (c) 2012-2024 Faisal Salman.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
$(document)
|
$(document)
|
||||||
.ready(function() {
|
.ready(function() {
|
||||||
var labels = ['{ browser.name }', '{ os.version }', '{ device.type }', '{ cpu.arch }', '{ device.model }', '{ browser.version }', '{ device.vendor }', '{ engine.name }', '{ engine.version }'];
|
var labels = ['{ browser.name }', '{ os.version }', '{ device.type }'];
|
||||||
var counter = 0;
|
var counter = 0;
|
||||||
var rotateLabel = function () {
|
var rotateLabel = function () {
|
||||||
$('.masthead h3 .label').transition('fly down', function () {
|
$('.masthead h3 .label').transition('fly down', function () {
|
||||||
$(this).text(labels[counter++]).transition('fade up', 100, function (){
|
$(this).text(labels[counter++]).transition('fade up', 100, function (){
|
||||||
if(counter>=labels.length)counter=0;
|
if(counter>=labels.length)counter=0;
|
||||||
$(this).transition('tada');
|
$(this).transition('jiggle');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
$('.masthead h3').transition({animation: 'slide up', interval: 9000});
|
$('.masthead h3').transition({animation: 'slide up', interval: 5000});
|
||||||
rotateLabel();
|
rotateLabel();
|
||||||
setInterval(rotateLabel, 1000);
|
setInterval(rotateLabel, 1000);
|
||||||
|
|
||||||
@ -108,7 +108,7 @@ $(document)
|
|||||||
qs = new URLSearchParams(window.location.search).get('ua');
|
qs = new URLSearchParams(window.location.search).get('ua');
|
||||||
}
|
}
|
||||||
if (qs) {
|
if (qs) {
|
||||||
$('#ua-txt-info').text('What the browser provides = 😱😵💫❌');
|
$('#ua-txt-info').text('What your browser tells you = 😵💫 🤯 ❌');
|
||||||
$('#demo-result').get(0).scrollIntoView();
|
$('#demo-result').get(0).scrollIntoView();
|
||||||
updateDemo(UAParser(qs));
|
updateDemo(UAParser(qs));
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
* http://opensource.org/licenses/MIT
|
* http://opensource.org/licenses/MIT
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:500|Source+Sans+Pro:400,700,400italic,700italic&subset=latin');
|
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:500|Source+Code+Pro:500|Source+Sans+Pro:400,700,400italic,700italic&subset=latin');
|
||||||
/*!
|
/*!
|
||||||
* # Semantic UI 2.4.0 - Reset
|
* # Semantic UI 2.4.0 - Reset
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
@ -585,7 +585,7 @@ h2,
|
|||||||
h3,
|
h3,
|
||||||
h4,
|
h4,
|
||||||
h5 {
|
h5 {
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
line-height: 1.28571429em;
|
line-height: 1.28571429em;
|
||||||
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -6845,7 +6845,7 @@ i.flag.zimbabwe:before {
|
|||||||
border: none;
|
border: none;
|
||||||
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
||||||
padding: 0em 0em;
|
padding: 0em 0em;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 1.28571429em;
|
line-height: 1.28571429em;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
@ -30962,7 +30962,7 @@ a.ui.card:hover,
|
|||||||
|
|
||||||
.ui.accordion .title:not(.ui) {
|
.ui.accordion .title:not(.ui) {
|
||||||
padding: 0.5em 0em;
|
padding: 0.5em 0em;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
}
|
}
|
||||||
@ -34032,7 +34032,7 @@ select.ui.dropdown {
|
|||||||
|
|
||||||
.ui.modal > .header {
|
.ui.modal > .header {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
margin: 0em;
|
margin: 0em;
|
||||||
padding: 1.25rem 1.5rem;
|
padding: 1.25rem 1.5rem;
|
||||||
@ -34824,7 +34824,7 @@ a.ui.nag {
|
|||||||
|
|
||||||
.ui.popup > .header {
|
.ui.popup > .header {
|
||||||
padding: 0em;
|
padding: 0em;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
font-size: 1.14285714em;
|
font-size: 1.14285714em;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -36604,7 +36604,7 @@ a.ui.nag {
|
|||||||
|
|
||||||
.ui.search > .results .result .title {
|
.ui.search > .results .result .title {
|
||||||
margin: -0.14285714em 0em 0em;
|
margin: -0.14285714em 0em 0em;
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
@ -36630,7 +36630,7 @@ a.ui.nag {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui.search > .results > .message .header {
|
.ui.search > .results > .message .header {
|
||||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
font-family: 'IBM Plex Sans', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user