improved sample page styling
This commit is contained in:
parent
c35ae00c22
commit
35ae6e69e7
39
sample.html
39
sample.html
|
@ -4,30 +4,29 @@
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>mailymaily examples</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/open-fonts@1.1.1/fonts/inter.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>mailymaily</h1>
|
||||
<a href="#mailgo" data-address="info" data-domain="odit.services">scrivimi!</a>
|
||||
<a href="#mailgo" data-address="info" data-domain="odit.services" data-cc="info@odit.services">morecc</a><br>
|
||||
<h3>Dark mode</h3>
|
||||
<a class="dark" href="#mailgo" data-address="info" data-domain="odit.services" data-cc="info@odit.services">morecc</a><br>
|
||||
<h1>tel:</h1>
|
||||
<a href="#mailgo" data-tel="123456568" data-telegram="telegram">chiamami</a>
|
||||
<h1>📧 mailymaily</h1>
|
||||
<br>
|
||||
<a href="tel:+39 123-456-78">skype</a>
|
||||
<br>
|
||||
<a href="callto:+39 123-456-78">callto</a>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<h3>Dark mode</h3>
|
||||
|
||||
<a class="dark" href="callto:+39 123-456-78">callto dark mode</a>
|
||||
|
||||
<br>
|
||||
<a class="dark" href="#mailgo" data-tel="123456568" data-telegram="telegram">chiamami dark mode</a>
|
||||
|
||||
<h2>MailTo</h2>
|
||||
<h3>🌞 Light mode</h3>
|
||||
<a href="#mailgo" data-address="info" data-domain="odit.services">info@odit.services</a>
|
||||
<h3>🌑 Dark mode</h3>
|
||||
<a class="dark" href="#mailgo" data-address="info" data-domain="odit.services" data-cc="info@odit.services">info@odit.services</a><br>
|
||||
<br><br>
|
||||
<h2>CallTo</h2>
|
||||
<h3>🌞 Light mode</h3>
|
||||
<a href="callto:+493012345678">+493012345678</a>
|
||||
<h3>🌑 Dark mode</h3>
|
||||
<a class="dark" href="callto:+493012345678">+493012345678</a>
|
||||
|
||||
<!-- experimental stuff -->
|
||||
<br><br><br><br><br>
|
||||
<h2>🧪 experimental stuff</h2>
|
||||
<a href="#mailgo" data-telegram="username">telegram</a>
|
||||
<script src="./dist/mailgo.min.js"></script>
|
||||
</body>
|
||||
|
||||
|
|
Loading…
Reference in New Issue