codepens/heart-button/dist/index.html

77 lines
3.5 KiB
HTML
Raw Normal View History

2023-10-06 23:12:53 +02:00
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Heart Button</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Inter:400,500,600,&amp;display=swap'><link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<article>
<div class="like">
<div class="icon">
<svg viewBox="0 0 24 24">
<path
d="M2.9219 12.4463C1.8489 9.0963 3.1039 4.9313 6.6209 3.7993C8.4709 3.2023 10.7539 3.7003 12.0509 5.4893C13.2739 3.6343 15.6229 3.2063 17.4709 3.7993C20.9869 4.9313 22.2489 9.0963 21.1769 12.4463C19.5069 17.7563 13.6799 20.5223 12.0509 20.5223C10.4229 20.5223 4.6479 17.8183 2.9219 12.4463Z"
/>
</svg>
</div>
<div class="shadow"></div>
<div class="number">232</div>
</div>
<div class="content">
<h1>PayPal Payment Method</h1>
<span>⏱ In Progress</span>
<p>
We'd like to introduce custom domains to enable white labeling
services. The thing that holds us back at the moment is the fact that
we currently offer HTTPS on every public dashboard. Customizing your
URL would make it an HTTP page.
</p>
<p>
We're currently thinking of an easy way of implementing this HTTPS.
</p>
</div>
</article>
<article>
<div class="like active">
<div class="icon">
<svg viewBox="0 0 24 24">
<path
d="M2.9219 12.4463C1.8489 9.0963 3.1039 4.9313 6.6209 3.7993C8.4709 3.2023 10.7539 3.7003 12.0509 5.4893C13.2739 3.6343 15.6229 3.2063 17.4709 3.7993C20.9869 4.9313 22.2489 9.0963 21.1769 12.4463C19.5069 17.7563 13.6799 20.5223 12.0509 20.5223C10.4229 20.5223 4.6479 17.8183 2.9219 12.4463Z"
/>
</svg>
</div>
<div class="shadow"></div>
<div class="number">420</div>
</div>
<div class="content">
<h1>Language Switch</h1>
<span>✨ New </span>
<p>
Currently we auto detect the browser language and set the language of
the public dashboard this way. It might be that the user has an
English browser but actually prefers reading the content in German.
</p>
</div>
</article>
<div class="socials">
<a class="twitter" href="https://twitter.com/slawejaskulski" target="_blank">
<svg viewBox="0 0 72 72">
<path d="M67.812 16.141a26.246 26.246 0 0 1-7.519 2.06 13.134 13.134 0 0 0 5.756-7.244 26.127 26.127 0 0 1-8.313 3.176A13.075 13.075 0 0 0 48.182 10c-7.229 0-13.092 5.861-13.092 13.093 0 1.026.118 2.021.338 2.981-10.885-.548-20.528-5.757-26.987-13.679a13.048 13.048 0 0 0-1.771 6.581c0 4.542 2.312 8.551 5.824 10.898a13.048 13.048 0 0 1-5.93-1.638c-.002.055-.002.11-.002.162 0 6.345 4.513 11.638 10.504 12.84a13.177 13.177 0 0 1-3.449.457c-.846 0-1.667-.078-2.465-.231 1.667 5.2 6.499 8.986 12.23 9.09a26.276 26.276 0 0 1-16.26 5.606A26.21 26.21 0 0 1 4 55.976a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.251-19.949 37.251-37.249 0-.566-.014-1.134-.039-1.694a26.597 26.597 0 0 0 6.533-6.774z"> </path>
</svg>
</a>
<a class="dribbble" href="https://dribbble.com/fireblader" target="_blank">
<img src="https://cdn.dribbble.com/assets/dribbble-ball-mark-2bd45f09c2fb58dbbfb44766d5d1d07c5a12972d602ef8b32204d28fa3dda554.svg"/>
</a>
</div>
<!-- partial -->
<script src="./script.js"></script>
</body>
</html>