Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🥗✨ Switch to new design #58

Merged
merged 5 commits into from
Oct 13, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# 🧪 Ingredients
# 🥗 Ingredients

![GitHub repo size](https://img.shields.io/github/repo-size/berrysauce/ingredients)
[![CodeQL](https://github.com/berrysauce/ingredients/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/berrysauce/ingredients/actions/workflows/github-code-scanning/codeql)
Expand All @@ -12,7 +12,7 @@ Ingredients is a website scanner that is able to determine the "ingredients" (or
It helps users discover the various software, frameworks, content management systems, analytics tools, and other technologies that are used to build and maintain a particular website.


<img alt="Ingredients Screenshot" src="https://public-cdn.berrysauce.me/shared/ingredients-screenshot.png">
<img alt="Ingredients Screenshot" src="https://bcdn.berrysauce.me/shared/ingredients-screenshot-new.png">


<br>
Expand Down
103 changes: 61 additions & 42 deletions pages/api.html
Original file line number Diff line number Diff line change
@@ -1,47 +1,66 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<title>Ingredients API</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900|inter-tight:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|plus-jakarta-sans:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>
<body>
<section class="py-4 py-xl-5">
<div class="container" style="max-width: 700px; margin-top: 15vh;">
<div class="text-center p-4 p-lg-5">
<h1 class="display-4 text-center" style="font-family: 'Inter Tight', sans-serif;font-weight: bold;margin-bottom: 16px;">🧪 Ingredients <span style="font-weight: 300;">API</span></h1>

<div style="margin-top: 32px;margin-bottom: 32px;">
<a class="btn btn-primary" role="button" style="padding: 3px 20px;background: rgba(255,255,255,0);color: rgb(33,37,41);border-style: solid;border-color: rgb(225,225,225);margin-right: 12px;" href="https://github.com/berrysauce/ingredients">
<svg class="icon icon-tabler icon-tabler-star" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 3px;margin-right: 6px;">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Ingredients API</title>
<link rel="canonical" href="https://api.ingredients.work">
<meta property="og:url" content="https://api.ingredients.work">
<meta name="description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://ingredients.work/assets/img/og-img.png">
<meta property="og:description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Ingredients API",
"url": "https://api.ingredients.work"
}
</script>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://ingredients.work/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="48x48" href="https://ingredients.work/assets/img/favicons/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="48x48" href="https://ingredients.work/assets/img/favicons/favicon-48x48.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="48x48" href="https://ingredients.work/assets/img/favicons/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="48x48" href="https://ingredients.work/assets/img/favicons/favicon-48x48.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="180x180" href="https://ingredients.work/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://ingredients.work/assets/img/favicons/web-app-manifest-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="https://ingredients.work/assets/img/favicons/web-app-manifest-512x512.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900|lora:400,400i,500,500i,600,600i,700,700i" rel="stylesheet" />
<link rel="stylesheet" hef="https://ingredients.work/assets/css/styles.min.css">
</head>r

<body style="font-family: Inter, sans-serif;">
<section class="py-4 py-xl-5">
<div class="container" style="max-width: 600px;">
<div class="text-center p-4 p-lg-5">
<h1 class="display-4" style="font-weight: bold;margin-bottom: 32px;margin-top: 15vh;font-family: Lora, serif;"><img class="img-fluid" src="https://ingredients.work/assets/img/icon.webp" alt="Salad bowl" style="width: 56px;margin-top: -8px;margin-right: 10px;">Ingredients&nbsp;<span style="font-weight: 300;">API</span></h1>
<ul class="list-inline text-center" style="font-size: 16px;margin-bottom: 32px;">
<li class="list-inline-item" style="margin-right: 12px;"><a href="https://buymeacoffee.com/berrysauce" style="color: inherit;text-decoration: underline;text-decoration-color: #c5c5c5;" target="_blank">Donate<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-up-right" style="margin-top: -2px;margin-left: 2px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path>
</svg>
Star on GitHub
</a>
<a class="btn btn-primary" role="button" style="padding: 3px 20px;background: rgba(255,255,255,0);color: rgb(33,37,41);border-style: solid;border-color: rgb(225,225,225);" href="https://ingredients.work/api/docs">
API Documentation
<svg class="icon icon-tabler icon-tabler-arrow-right" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="margin-left: 6px;margin-bottom: 3px;">
<path d="M17 7l-10 10"></path>
<path d="M8 7l9 0l0 9"></path>
</svg></a></li>
<li class="list-inline-item" style="margin-right: 12px;"><a href="https://github.com/berrysauce/ingredients" style="color: inherit;text-decoration: underline;text-decoration-color: #c5c5c5;">GitHub<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-up-right" style="margin-top: -2px;margin-left: 2px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<line x1="5" y1="12" x2="19" y2="12"></line>
<line x1="13" y1="18" x2="19" y2="12"></line>
<line x1="13" y1="6" x2="19" y2="12"></line>
</svg>
</a>
</div>

<p style="font-family: Inter; font-size: 12px; color: rgb(197, 197, 197);">
By using this service, you agree to the Privacy Policy and Terms of Service of berrysauce.me&nbsp;and any listed third-party providers. This API is available under a <a href="https://github.com/berrysauce/ingredients/blob/main/FAIR_USE_POLICY.md" style="color: inherit;">Fair-use-Policy</a>. Contents on this API (e.g. logos)
may be subject to Copyright by their respective owners. <a href="https://github.com/berrysauce/ingredients/blob/main/LICENSE.md" style="color: inherit;">View the license for this API here</a>.<br />
<br />
<!--sse-->If you would like to get content removed from this API, please <a href="mailto:[email protected]" style="color: inherit;">contact the administrator</a>.<!--/sse-->
</p>
</div>
<path d="M17 7l-10 10"></path>
<path d="M8 7l9 0l0 9"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://api.ingredients.work/docs" style="color: inherit;text-decoration: underline;text-decoration-color: #c5c5c5;">API Documentation<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-arrow-up-right" style="margin-top: -2px;margin-left: 2px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M17 7l-10 10"></path>
<path d="M8 7l9 0l0 9"></path>
</svg></a></li>
</ul>
<p style="font-size: 12px;color: rgb(197, 197, 197);"> By using this service, you agree to the Privacy Policy and Terms of Service of berrysauce.me&nbsp;and any listed third-party providers. This API is available under a fair-use-policy. Contents on this API (e.g. logos) may be subject to Copyright by their respective owners. <a href="https://github.com/berrysauce/ingredients/blob/main/LICENSE.md" style="color:inherit;">View the license for this API here</a>.<br><br> If you would like to get content removed from this API, please <a href="mailto:[email protected]" style="color:inherit;">contact the administrator</a>. </p>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

Check warning

Code scanning / CodeQL

Inclusion of functionality from an untrusted source Medium

Script loaded from content delivery network with no integrity check.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>
90 changes: 49 additions & 41 deletions ui/src/app.html
Original file line number Diff line number Diff line change
@@ -1,48 +1,56 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Ingredients – Analyze Websites</title>
<meta name="description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<meta name="keywords" content="ingredients,website scanner,website analyzer,scan website,whatruns,wappalyzer" />
<meta property="og:url" content="https://ingredients.work">
<meta property="og:type" content="website">
<meta property="og:image" content="https://ingredients.work/assets/img/og-img.png">
<meta property="og:description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<meta name="theme-color" content="rgb(33, 37, 41)">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Ingredients",
"url": "https://ingredients.work"
}
</script>
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="152x152" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="144x144" href="/assets/img/favicons/android-chrome-144x144.png">
<link rel="icon" type="image/png" sizes="270x270" href="/assets/img/favicons/mstile-150x150.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700,800,900|inter-tight:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|plus-jakarta-sans:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet" />
<link rel="stylesheet" href="/assets/css/styles.css">
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "ipz47fceq9");
</script>
%sveltekit.head%
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Ingredients – Analyze Websites</title>
<link rel="canonical" href="https://ingredients.work">
<meta property="og:url" content="https://ingredients.work">
<meta name="description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://ingredients.work/assets/img/og-img.png">
<meta property="og:description" content="Ingredients is a website scanner that is able to determine the &quot;ingredients&quot; (or technologies) behind a website.">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Ingredients",
"url": "https://ingredients.work"
}
</script>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/img/favicons/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/img/favicons/favicon-48x48.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/img/favicons/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/img/favicons/favicon-48x48.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicons/web-app-manifest-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicons/web-app-manifest-512x512.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/Inter.css">
<link rel="stylesheet" href="/assets/css/Lora.css">
<link rel="stylesheet" href="/assets/css/styles.css">

<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "ipz47fceq9");
</script>
<!-- End Microsoft Clarity -->

%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" style="font-family: Inter, sans-serif; font-display: swap;"></body>
<div style="display: contents">%sveltekit.body%</div>
</body>
<script src="/assets/js/jquery.min.js"></script>

<body data-sveltekit-preload-data="hover" style="font-family: Inter, sans-serif;"></body>
<div style="display: contents">%sveltekit.body%</div>
</body>

<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>

<!-- Cloudflare Web Analytics -->
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "d072e46b3f6f49dbabb5c17e93365291"}'></script>
<!-- End Cloudflare Web Analytics -->
Expand Down
Loading