forked from zenika-open-source/the-duck-gallery
-
Notifications
You must be signed in to change notification settings - Fork 1
/
howto.html
65 lines (60 loc) · 7.32 KB
/
howto.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How to contribute ?</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="zenika,zenikanard,duck,oss,open source,gallery,hacktoberfest" />
<meta name="description" content="Contribute and add your Zenikanard to the gallery" />
<link rel="canonical" href="https://theduckgallery.zenika.com/howto.html" />
<link rel="icon" type="image/png" href="https://theduckgallery.zenika.com/assets/icon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://theduckgallery.zenika.com/assets/apple-192x192.png">
<!-- sharing meta data -->
<meta itemprop="name" content="The Duck Gallery" />
<meta itemprop="description" content="Contribute and add your Zenikanard to the gallery" />
<meta itemprop="image" content="https://theduckgallery.zenika.com/assets/social-share.png" />
<!-- Facebook sharing meta data -->
<meta property="og:title" content="The Duck Gallery" />
<meta property="og:site_name" content="The Duck Gallery" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://theduckgallery.zenika.com/howto.html" />
<meta property="og:description" content="Contribute and add your Zenikanard to the gallery" />
<meta property="og:image" content="https://theduckgallery.zenika.com/assets/social-share.png" />
<meta property="og:image:type" content="image/png" />
<!-- Twitter meta data -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ZenikaOSS" />
<meta name="twitter:title" content="The Duck Gallery" />
<meta name="twitter:description" content="Contribute and add your Zenikanard to the gallery" />
<meta name="twitter:image" content="https://theduckgallery.zenika.com/assets/social-share.png" />
<link href="https://fonts.googleapis.com/css2?family=Paytone+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<a href="https://github.com/zenika-open-source/the-duck-gallery" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<div class="header">
<h1 class="title">
The <strong>Duck</strong> Gallery
</h1>
<a href="https://zenika.com" aria-label="Zenika website" target="_new">
<svg class="zenika-logo" viewBox="0 0 228.5 40.7" class="App_byZenika__3jtTW"><switch><g><path d="M1.6 27.1l11.1-5.7V23l-9.3 4.7 9.3 4.7V34L1.6 28.4v-1.3zM17.8 34.1c0-.8.1-2 .1-3v-14H20v7.3c.7-1.3 2.1-2.1 3.9-2.1 2.9 0 4.9 2.4 4.9 5.9 0 4.1-2.6 6.2-5.2 6.2-1.7 0-3-.6-3.9-2.2h-.1l-.1 1.9h-1.7zm2.1-4.6c0 .3 0 .5.1.8.4 1.5 1.6 2.5 3.2 2.5 2.2 0 3.5-1.8 3.5-4.4 0-2.3-1.2-4.3-3.4-4.3-1.4 0-2.8 1-3.2 2.6 0 .2-.1.5-.1.9v1.9zM33.9 22.5l2.5 6.8c.3.8.5 1.7.7 2.4.2-.7.5-1.6.7-2.4l2.3-6.8h2.2l-3.2 8.2c-1.5 4-2.5 6-4 7.2-1 .9-2.1 1.3-2.6 1.4l-.5-1.8c.5-.2 1.2-.5 1.8-1 .6-.5 1.3-1.3 1.8-2.3.1-.2.2-.4.2-.5 0-.1 0-.3-.1-.5l-4.3-10.6h2.5zM57.2 28.4l-11.1 5.7v-1.6l9.4-4.7-9.3-4.8v-1.6l11.1 5.7v1.3z"></path><g><path d="M77.3 30c-1.3 1.8-2.5 3.1-2.5 3.6 0 .8 1.7.8 2.7.8 5.6 0 10.5-.5 14.6-4.6.3-.4.6-.6.7-.6.1 0 .1.1.1.2 0 .3-.2.9-.3 1.3l-1.8 5H66.6l16.8-21.6c.6-.8 1.2-1.5 1.2-1.9 0-.9-1.5-.9-3.1-.9-5.9 0-9.2.4-13 5-.1.1-.2.3-.4.3-.1 0-.1-.1-.1-.2 0-.3.1-.5.2-.8l2-5.5h21.9L77.3 30zM116.9 18.5c0-4.8-2.3-8.2-7.4-8.2-4.5 0-6.9 4-7.4 8.2h14.8zm-15.1.9c-.1 1.1-.1 2.2-.1 3.2 0 9.2 4.7 12.5 9.5 12.5 5.7 0 9.8-3.9 11.5-9.6h1c-1.6 6.8-6.5 10.9-13.2 10.9-8.4 0-14.6-5.7-14.6-13.5 0-7.9 6.2-13.5 14.6-13.5 5.4 0 11.9 3.2 12.5 10.1h-21.2zM133.5 17c1.2-4.2 3.6-7.6 10.1-7.6 5.4 0 10.5 2.8 10.5 10.6v9.5c-.1 4.7.5 5.4 2 5.9.3.1.6.2.6.3 0 .1-.2.1-.7.1-.4 0-1.7-.1-4.4-.1s-4.4.1-5.1.1c-.3 0-.5 0-.5-.1s.1-.2.4-.3c1.8-.2 2.7-1.5 2.7-5.9V20c0-4.5-2-9.3-7.2-9.3-5.9 0-7.8 6-7.8 12.9v6c0 3.1.1 5.4 2.4 5.8.3.1.5.1.5.3 0 .2-.1.2-.4.2-.3 0-2.4-.1-5-.1s-4.9.1-5.3.1c-.3 0-.4-.1-.4-.2s.2-.2.5-.3c2.5-.4 2.7-2.7 2.7-5.8V17.3c0-3-.3-4.6-1.7-5.2-.5-.2-.9-.4-.9-.5 0-.1.3-.1.9-.2 2.4-.4 4.4-.8 6.2-1.4v7zM160.8 3.8c0-1.6 1.3-3 2.9-3 1.7 0 3 1.4 3 3s-1.3 2.9-3 2.9c-1.6 0-2.9-1.3-2.9-2.9m.8 11.4c0-2.5-.9-2.8-1.7-3.2-.3-.1-.8-.1-.8-.3 0-.1.5-.1.9-.2 2.3-.4 4.4-.9 6.7-1.6v19.6c0 3.1.3 5.3 2.6 5.8.3 0 .5.1.5.4 0 .1-.2.1-.7.1-.5 0-2.3-.1-4.9-.1-2.7 0-4.4.1-4.9.1-.4 0-.7 0-.7-.1 0-.3.2-.4.5-.4 2.3-.4 2.6-2.7 2.6-5.8V15.2zM187.5 27.9c-1-1.7-3.2-6.1-5.9-6.1-1.7 0-1.7 2-1.7 4.1v3.5c0 3.1.2 5 2.7 5.8.2.1.4.1.4.3 0 .1-.2.2-.5.2-.2 0-2.4-.1-5.1-.1-2.7 0-4.6.1-4.9.1-.2 0-.5-.1-.5-.2s.1-.2.3-.3c2.4-.7 2.6-3.6 2.6-7.8V8c0-2.9-.2-5.2-1.8-5.4-.5-.1-.8-.2-.8-.4 0-.1.4-.2.9-.4L180 .1v21.3l8.3-6.9c1.1-.9 1.8-1.7 1.8-2.6 0-.7-.6-1.1-.8-1.3-.2-.1-.5-.1-.5-.4 0-.2.3-.2.7-.2.4 0 2.2.2 4.7.2 2.4 0 3-.2 4.6-.2.4 0 .7 0 .7.3 0 .2-.8.3-1.6.5-2.8.7-5.7 2.4-8 4.2l-7.3 5.5v.1c6.7.1 8.2 2.7 11.6 8.1 1.7 2.7 3.7 5.4 6.4 6.6.2.1.5.2.5.3 0 .1-.2.2-.5.2-.2 0-2.5-.1-4.9-.1-1.1 0-2.3.1-3.2.1l-5-7.9zM221.2 20.9h-2.9c-5.3 0-10.8 1.6-10.8 8.1 0 3.6 2.6 6.2 6.1 6.2 5.8 0 7.6-6.1 7.6-10.8v-3.5zm5 10.5c0 1.6.2 3.1 1.8 3.8.3.1.5.1.5.3 0 .1-.3.2-.6.2h-5.3c-.7-1.6-1.1-3.3-1.2-5h-.1c-1.9 4-4.8 5.8-9.1 5.8-5.1 0-10.4-2.4-10.4-8.2 0-7.5 11.4-8.2 16.6-8.2h2.8v-1.6c0-4.7-2.2-8.1-7.2-8.1-4.5 0-7.2 1.3-9 5.7-.2.4-.3.8-.4.8-.1 0-.1-.2-.2-.5l-1.3-4.4c4-2.1 7.2-2.5 11.6-2.5 5.6 0 11.5 2 11.5 8.2v13.7z"></path></g></g></switch></svg>
</a>
</div>
<p>
You want to contribute to <a href="https://theduckgallery.zenika.com" target="new">The Duck Gallery</a> and add your duck.
</p>
<p>
You just need a <a href="https://github.com" target="new">GitHub account</a> and don't forget to register to <a href="https://hacktoberfest.digitalocean.com/" target="new">Hacktoberfest</a> if you want a PR count.
</p>
<div class="video">
<video controls>
<source src="./assets/howto.webm" type="video/webm" />
<source src="./assets/howto.mp4" type="video/mp4" />
Sorry, your browser doesn't support embedded videos.
</video>
</div>
<div class="footer">
<img src="./assets/netlify.svg" alt="Deploys by Netlify"/>
</div>
</body>
</html>