PageSourceSearch

https://mybar.app/

html mybar.app collected 2026-10-09 04:41:19 UTC 16,137 bytes, 243 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <meta name="description" content="Always know what's in your bar and what cocktails you can make. You have alcohol, some beverages, and fruits, and wonder what cocktails you can make? My Bar is for you. Just choose what ingredients you have and My Bar will show you a list of all cocktails you can enjoy and offer to your friends.">
7    <link rel="canonical" href="https://mybar.app/">
8    <link rel="sitemap" type="application/xml" href="/sitemap.xml">
9    <link rel="icon" href="/img/favicon.ico">
10
11    <!-- Font -->
12    <link rel="preconnect" href="https://fonts.gstatic.com">
13    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
14    
15    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
16    <link rel="stylesheet" type="text/css" href="index.css">
17    <title>My Bar - Cocktail Recipes & Bar Management App</title>
18    
19    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 19-20
19
20    <script async src="https://www.googletagmanager.com/gtag/js?id=
20G-3FEM0PZ8WF
vendor: 16 bytes, lines 20-21
20"></script>
21    
21<script>
22      
vendor: 148 bytes, lines 22-25
22window.dataLayer = window.dataLayer || [];
23      function gtag() { dataLayer.push(arguments); }
24      gtag('js', new Date());
25      gtag('config', '
25G-3FEM0PZ8WF
vendor: 8 bytes, lines 25-26
25');
26    
26</script>
26
27    
27<script src="modernizr.js"></script>
27
28
29    <!-- Paddle.js — enables one-click payment recovery links in Retain dunning emails. -->
30    
30<script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>
30
31    
31<script>
32      Paddle.Initialize({ token: "live_05184510a342abdb1954c216724" });
33    </script>
33
34  </head>
35  <body>
36    
36<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
36
37    
37<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
37
38
39    <nav class="navbar navbar-expand-sm navbar-light">
40      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar" aria-label="Toggle navigation">
41        <span class="navbar-toggler-icon"></span>
42      </button>
43      <span class="navbar-brand flex-grow-1 text-center">My Bar</span>
44      <div class="collapse navbar-collapse" id="collapsingNavbar">
45        <ul class="navbar-nav ml-auto flex-nowrap mr-5">
46          <li class="nav-item"><a class="nav-link menu-item" href="#about-section">About</a></li>
47          <li class="nav-item"><a class="nav-link menu-item" href="#features-block">Features</a></li>
48          <li class="nav-item"><a class="nav-link menu-item" href="#faq">FAQ</a></li>
49          <li class="nav-item"><a class="nav-link menu-item" href="#footer">Contact</a></li>
50          <li class="nav-item"><a class="nav-link menu-item" href="https://news.mybarapp.com">News</a></li>
51        </ul>
52      </div>
53    </nav>
54    
55    <div id="about-section">
56      <div id="about-text">
57        <div id="about-main-text">Always know what's in your bar and what cocktails you can make</div>
58        <div id="about-sub-text">You have alcohol, some beverages, and fruits, and wonder what cocktails you can make? My Bar is for you. Just choose what ingredients you have and My Bar will show you a list of all cocktails you can enjoy and offer to your friends.</div>
59        <div id="get-it">
60          <div class="download-badges">
61            <div class="download-badge-item android-badge-item">
62              <span class="download-label">Android Free</span>
63              <a href='https://play.google.com/store/apps/details?id=com.mybarapp.free&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
64            </div>
65            <div class="download-badge-item android-badge-item">
66              <span class="download-label">Android Pro (no ads)</span>
67              <a href='https://play.google.com/store/apps/details?id=com.mybarapp.pro'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
68            </div>
69            <div class="download-badge-item ios-badge-item">
70              <span class="download-label download-label-ios">iOS</span>
71              <a href='https://testflight.apple.com/join/a324F6v8' class="ios-badge">
72                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="apple-logo-icon">
73                  <path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"/>
74                </svg>
75                <span class="badge-text">Join iOS Beta</span>
76              </a>
77            </div>
78            <div class="download-badge-item web-badge-item">
79              <span class="download-label download-label-web">Web</span>
80              <a href='https://mybar.app/app' class="web-badge">
81                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="web-icon">
82                  <circle cx="12" cy="12" r="10"/>
83                  <line x1="2" y1="12" x2="22" y2="12"/>
84                  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
85                </svg>
86                <span class="badge-text">Open Web App</span>
87              </a>
88            </div>
89          </div>
90        </div>
91      </div>
92    </div>
93
94    <div id="features-block" class="container">
95      <h1 id="features-header" class="w-100 text-center">Features</h1>
96      <div class="header-underline mx-auto"></div>
97      <div class="row align-items-center row-cols-1">
98        <div class="col col-md-5 order-md-2 feature-description-right">
99          <h2>My Bar</h2>
100          <div class="feature-header-underline"></div>
101          <div>All your ingredients in one place. For each one, quickly see how many cocktails you can make with that particular ingredient.</div>
102        </div>
103        <div class="col col-md-7 feature-image">
104          <picture>
105            <source srcset="img/screenshot_mybar.webp" type="image/webp">
106            <source srcset="img/screenshot_mybar.png" type="image/jpeg">
107            <img src="img/screenshot_mybar.png" alt="Screenshot of the bar shelf">
108          </picture>
109        </div>
110      </div>
111
112      <div class="row align-items-center row-cols-1">
113        <div class="col col-md-5 feature-description-left">
114          <h2>Manage Bar</h2>
115          <div class="feature-header-underline"></div>
116          <div>
116Choose what ingredients are on your bar shelf, see how many cocktails are available with that particular ingredient.</div>
117        </div>
118        <div class="col col-md-7 order-md-2 feature-image">
119          <picture>
120            <source srcset="img/screenshot_manage_bar.webp" type="image/webp">
121            <source srcset="img/screenshot_manage_bar.png" type="image/jpeg">
122            <img src="img/screenshot_manage_bar.png" alt="Screenshot of the bar shelf management">
123          </picture>
124        </div>
125      </div>
126
127      <div class="row align-items-center row-cols-1">
128        <div class="col col-md-5 order-md-2 feature-description-right">
129          <h2>My Cocktails</h2>
130          <div class="feature-header-underline"></div>
131          <div>All cocktails you can make using only ingredients you have. Below that list, cocktails that you can almost make, missing one or two ingredients. You can easily see what exactly you need to add to your bar shelf to expand the list of your cocktails.</div>
132        </div>
133        <div class="col col-md-7 feature-image">
134          <picture>
135            <source srcset="img/screenshot_my_cocktails.webp" type="image/webp">
136            <source srcset="img/screenshot_my_cocktails.png" type="image/jpeg">
137            <img src="img/screenshot_my_cocktails.png" alt="Screenshot of the list of cocktails that can be made">
138          </picture>
139        </div>
140      </div>
141
142      <div class="row align-items-center row-cols-1">
143        <div class="col col-md-5 feature-description-left">
144          <h2>All Cocktails</h2>
145          <div class="feature-header-underline"></div>
146          <div>Just a list of all cocktails available. Do you really care about 9000 cocktails other applications offer? Most of them you probably won't like. We include only carefully chosen and most popular cocktails. The cocktails you can make are highlighted, so you know you can make them. For other cocktails, missing ingredients are listed.</div>
147        </div>
148        <div class="col col-md-7 order-md-2 feature-image">
149          <picture>
150            <source srcset="img/screenshot_all_cocktails.webp" type="image/webp">
151            <source srcset="img/screenshot_all_cocktails.png" type="image/jpeg">
152            <img src="img/screenshot_all_cocktails.png" alt="Screenshot of the list of all cocktails">
153          </picture>
154        </div>
155      </div>
156
157      <div class="row align-items-center row-cols-1">
158        <div class="col col-md-5 order-md-2 feature-description-right">
159          <h2>Cocktail Details</h2>
160          <div class="feature-header-underline"></div>
161          <div>Cocktail description and a detailed recipe with the list of needed ingredients including garnish.</div>
162        </div>
163        <div class="col col-md-7 feature-image">
164          <picture>
165            <source srcset="img/screenshot_cocktail_details.webp" type="image/webp">
166            <source srcset="img/screenshot_cocktail_details.png" type="image/jpeg">
167            <img src="img/screenshot_cocktail_details.png" alt="Screenshot of a cocktail recipe">
168          </picture>
169        </div>
170      </div>
171
172      <div class="row align-items-center row-cols-1">
173        <div class="col col-md-5 feature-description-left">
174          <h2>Ingredient Details</h2>
175          <div class="feature-header-underline"></div>
176          <div>Browse all cocktails with Tequila, for example, quickly see which of these cocktails you can make right now.</div>
177        </div>
178        <div class="col col-md-7 order-md-2 feature-image">
179          <picture>
180            <source srcset="img/screenshot_ingredient_details.webp" type="image/webp">
181            <source srcset="img/screenshot_ingredient_details.png" type="image/jpeg">
182            <img src="img/screenshot_ingredient_details.png" alt="Screenshot with ingredient details">
183          </picture>
184        </div>
185      </div>
186    </div>
187
188    <div id="subscribe">
189      <a href="https://news.mybarapp.com/#/portal/signup">Join the newsletter</a> to receive My Bar updates.
190    </div>
191
192    <div id="faq">
193      <h1 id="faq-header" class="w-100 text-center">FAQ</h1>
194      <div class="header-underline mx-auto"></div>
195
196      <h4 id="headingFreePro"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseFreePro" aria-expanded="true" aria-controls="collapseFreePro">What is the difference between Free and Pro versions?</button></h4>
197      <div id="collapseFreePro" class="collapse p-3" aria-labelledby="headingFreePro">
198        <p>The only difference is that Pro version doesn't have any ads. All functionality is the same.</p>
199        
200        <p>If you already have a Free version installed and want to get rid of ads, no need to install Pro version.
201          Use "Upgrade" button in the navigation menu to remove the ads just for $2.</p>
202      </div>
203
204      <h4 id="headingShare"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseShare" aria-expanded="true" aria-controls="collapseShare">Can I share my cocktails with a friend?</button></h4>
205      <div id="collapseShare" class="collapse p-3" aria-labelledby="headingShare">
206        <p>Sharing functionality is now available as an experimental feature in the Web version. It allows you to create a personalized web link that can be opened from any device to browse cocktails that you can make in your bar, together with custom cocktails and ingredients. This feature is still being improved and is one of the top priorities on my TODO list. Suggestions and feedback are always welcome at <a href="mailto:[email protected]">[email protected]</a>.</p>
207      </div>
208
209      <h4 id="headingWeb"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseWeb" aria-expanded="true" aria-controls="collapseWeb">Is there a web/desktop version?</button></h4>
210      <div id="collapseWeb" class="collapse p-3" aria-labelledby="headingWeb">
211        <p>Yes! A beta version with full functionality is available at <a href="https://mybar.app/app">https://mybar.app/app</a>. If you use it and have suggestions (or problems), please send an email to <a href="mailto:[email protected]">[email protected]</a>
211. If you want to receive updates about the web version and My Bar in general, please subscribe using the form above.</p>
212      </div>
213
214      <h4 id="headingIos"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseIos" aria-expanded="true" aria-controls="collapseIos">Is there a version for iOS?</button></h4>
215      <div id="collapseIos" class="collapse p-3" aria-labelledby="headingIos">
216        <p>Yes! An iOS version is now available as a public beta. You can join the beta testing program through TestFlight at <a href="https://testflight.apple.com/join/a324F6v8">https://testflight.apple.com/join/a324F6v8</a>. The iOS version includes all the same features as the Android version.</p>
217      </div>
218
219      <h4 id="headingSupport"><button class="btn btn-link" data-toggle="collapse" data-target="#collapseSupport" aria-expanded="true" aria-controls="collapseSupport">How can I support the app?</button></h4>
220      <div id="collapseSupport" class="collapse p-3" aria-labelledby="headingSupport">
221        <p>The best way to support development is to go <strong>Pro</strong> — it directly funds the app:</p>
222        <ul>
223          <li><strong>Web &amp; iOS:</strong> subscribe to Pro — see our <a href="/pricing.html">Pricing page</a>.</li>
224          <li><strong>Android:</strong> get the one-time <a href="https://play.google.com/store/apps/details?id=com.mybarapp.pro">Pro version</a> on Google Play.</li>
225        </ul>
226        <p>No pressure at all. If you'd also like to leave a small tip, you can optionally buy me a coffee on <strong>Ko-fi</strong> — a separate platform, not part of My Cocktail Bar's checkout:
227          
227<script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script>
227<script type='text/javascript'>kofiwidget2.init('Buy me a Coffee', '#29abe0', 'D1D43KEKD');kofiwidget2.draw();</script>
227
228        </p>
229      </div>
230    </div>
231
232    <div id="footer">
233      <div id="footer-content" class="container py-2">
234        <div class="row row-cols-1 row-cols-md-2">
235          <div id="tell-us" class="col p-3">If you cannot find a cocktail you love, tell us! We update our cocktail database regularly.</div>
236          <div id="having-problems" class="col p-3">Having problems with the application? Want a feature we don't have? </div>
237        </div>
238        <div id="contact" class="w-100 py-3">Get in touch: <a href="mailto:[email protected]">[email protected]</a></div>
239        <div id="contact" class="w-100 py-3"><a href="/pricing.html">Pricing</a> &middot; <a href="/terms.html">Terms</a> &middot; <a href="/privacy_policy.html">Privacy policy</a> &middot; <a href="/refund_policy.html">Refund policy</a></div>
240      </div>
241    </div>
242  </body>
243</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.