Skip to content
This repository has been archived by the owner on Jan 1, 2024. It is now read-only.

Commit

Permalink
📱 example in responsive setting #87
Browse files Browse the repository at this point in the history
  • Loading branch information
manzinello committed Oct 23, 2020
1 parent afd7ad0 commit 60ea652
Show file tree
Hide file tree
Showing 2 changed files with 87 additions and 0 deletions.
4 changes: 4 additions & 0 deletions examples/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,3 +55,7 @@ Simple example of mailgo with `sms:` enabled
### `index.neumorphism.html`

Simple example of mailgo with a test of neumorphism (CSS loaded separately)

### `index.responsive.html`

Simple example of mailgo with a test of desktop/mobile settings
83 changes: 83 additions & 0 deletions examples/index.responsive.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>mailgo examples</title>
</head>
<body>
<h1>mailto:</h1>

<a href="mailto:matteo@manzinello.dev">matteo@manzinello.dev</a>
<br />
<a href="mailto:matteo@manzinello.dev?cc=matteomanzinello@gmail.com"
><p>matteo@manzinello.dev</p></a
>
<br />
<a href="mailto:matteo@manzinello.dev,matteomanzinello@gmail.com?cc=ciao"
>matteo@manzinello.dev</a
>
<br />
<a href="mailto:matteo@manzinello.dev?subject=ciao">ciao</a>
<br />
<a href="" class="mailgo" data-address="matteo" data-domain="manzinello.dev"
>scrivimi!</a
>
<br />
<a href="#mailgo" data-address="matteo" data-domain="manzinello.dev"
>scrivimi!</a
>

<a
href="#mailgo"
data-address="matteo"
data-domain="manzinello.dev"
data-cc="matteomanzinello@gmail.com,m@m.it"
>more cc</a
>
<br />
<a
href="mailto:matteo@manzinello.dev?cc=matteomanzinello@gmail.com&bcc=test"
>matteo@manzinello.dev</a
>
<br />
<br />
<h3>Dark mode</h3>
<a class="dark" href="mailto:matteo@manzinello.dev"
>matteo@manzinello.dev dark mode</a
>
<br />
<a
class="dark"
href="mailto:matteo@manzinello.dev?cc=matteomanzinello@gmail.com&bcc=test"
>matteo@manzinello.dev dark mode</a
>

<h1>tel:</h1>
<a href="#mailgo" data-tel="123456568" data-telegram="telegram">chiamami</a>
<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
>

<script>
window.mailgoConfig = {
dark: true,
desktop: true,
mobile: false,
};
</script>

<script src="../dist/mailgo.min.js"></script>
</body>
</html>

0 comments on commit 60ea652

Please sign in to comment.