-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
38 lines (36 loc) · 9.85 KB
/
index.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
<html lang="en">
<head>
<title>Slido.js</title>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div class="logo">
<svg viewBox="-162.88461538461536 -192.88461538461536 325.7692307692307 292.88461538461536" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="jsx-2263963463 artboard-inner" style="width: 333.684px; height: 300px; max-height: 100%;"><g transform="translate(-165.55555555555554 79.05982905982907) scale(1.483855650522317)" fill="#f74543"><g id="line1"><path d="M1.800-8.136C1.800-7.272 2.016-6.552 2.448-5.976C4.176-3.624 6.408-1.920 9.144-0.864C11.880 0.192 14.832 0.720 18.000 0.720C20.304 0.720 22.548 0.264 24.732-0.648C26.916-1.560 28.704-2.892 30.096-4.644C31.488-6.396 32.184-8.448 32.184-10.800C32.184-13.392 31.584-15.480 30.384-17.064C29.184-18.648 27.720-19.824 25.992-20.592C24.264-21.360 22.104-22.104 19.512-22.824C17.640-23.352 16.188-23.796 15.156-24.156C14.124-24.516 13.272-25.020 12.600-25.668C11.928-26.316 11.592-27.168 11.592-28.224C11.592-30.864 13.416-32.184 17.064-32.184C18.792-32.184 20.340-31.872 21.708-31.248C23.076-30.624 24.192-29.784 25.056-28.728C25.728-28.056 26.592-27.720 27.648-27.720C28.512-27.720 29.280-27.984 29.952-28.512C30.864-29.232 31.320-30.144 31.320-31.248C31.320-32.208 31.008-33.072 30.384-33.840C28.992-35.616 27.072-36.960 24.624-37.872C22.176-38.784 19.728-39.240 17.280-39.240C14.880-39.240 12.612-38.772 10.476-37.836C8.340-36.900 6.612-35.580 5.292-33.876C3.972-32.172 3.312-30.168 3.312-27.864C3.312-25.224 3.948-23.124 5.220-21.564C6.492-20.004 8.004-18.840 9.756-18.072C11.508-17.304 13.776-16.536 16.560-15.768C19.248-15.048 21.228-14.328 22.500-13.608C23.772-12.888 24.408-11.832 24.408-10.440C24.408-7.752 22.536-6.336 18.792-6.192C16.584-6.192 14.700-6.552 13.140-7.272C11.580-7.992 10.080-9.096 8.640-10.584C7.728-11.496 6.768-11.952 5.760-11.952C5.040-11.952 4.344-11.736 3.672-11.304C2.424-10.440 1.800-9.384 1.800-8.136Z"></path><path d="M46.231-1.260C47.071-2.100 47.491-3.144 47.491-4.392L47.491-48.888C47.491-50.136 47.083-51.180 46.267-52.020C45.451-52.860 44.443-53.280 43.243-53.280C41.995-53.280 40.951-52.860 40.111-52.020C39.271-51.180 38.851-50.136 38.851-48.888L38.851-4.392C38.851-3.144 39.259-2.100 40.075-1.260C40.891-0.420 41.899 0 43.099 0C44.347 0 45.391-0.420 46.231-1.260Z"></path><path d="M63.230-1.260C64.046-2.100 64.454-3.144 64.454-4.392L64.454-34.128C64.454-35.376 64.046-36.420 63.230-37.260C62.414-38.100 61.382-38.520 60.134-38.520C58.886-38.520 57.854-38.100 57.038-37.260C56.222-36.420 55.814-35.376 55.814-34.128L55.814-4.392C55.814-3.144 56.222-2.100 57.038-1.260C57.854-0.420 58.886 0 60.134 0C61.382 0 62.414-0.420 63.230-1.260ZM56.606-43.992C57.278-43.464 58.430-43.200 60.062-43.200C61.742-43.200 62.930-43.452 63.626-43.956C64.322-44.460 64.670-45.408 64.670-46.800L64.670-48.168C64.670-49.512 64.334-50.448 63.662-50.976C62.990-51.504 61.814-51.768 60.134-51.768C58.550-51.768 57.398-51.504 56.678-50.976C55.958-50.448 55.598-49.512 55.598-48.168L55.598-46.800C55.598-45.456 55.934-44.520 56.606-43.992Z"></path><path d="M106.330-52.056C105.514-52.872 104.482-53.280 103.234-53.280C101.986-53.280 100.954-52.860 100.138-52.020C99.322-51.180 98.914-50.136 98.914-48.888L98.914-34.776C97.522-36.072 95.818-37.140 93.802-37.980C91.786-38.820 89.626-39.240 87.322-39.240C84.106-39.240 81.166-38.388 78.502-36.684C75.838-34.980 73.738-32.604 72.202-29.556C70.666-26.508 69.898-23.064 69.898-19.224C69.898-15.384 70.678-11.952 72.238-8.928C73.798-5.904 75.922-3.540 78.610-1.836C81.298-0.132 84.298 0.720 87.610 0.720C89.866 0.720 92.014 0.228 94.054-0.756C96.094-1.740 97.714-2.928 98.914-4.320C98.962-3.072 99.382-2.040 100.174-1.224C100.966-0.408 101.986 0 103.234 0C104.481 0 105.513-0.420 106.330-1.260C107.146-2.100 107.554-3.144 107.554-4.392L107.554-48.888C107.554-50.184 107.146-51.240 106.330-52.056ZM96.322-10.620C94.354-8.340 91.810-7.200 88.690-7.200C85.570-7.200 83.038-8.340 81.094-10.620C79.150-12.900 78.178-15.768 78.178-19.224C78.178-22.680 79.162-25.560 81.130-27.864C83.098-30.168 85.618-31.320 88.690-31.320C91.810-31.320 94.354-30.168 96.322-27.864C98.290-25.560 99.274-22.680 99.274-19.224C99.274-15.768 98.290-12.900 96.322-10.620Z"></path><path d="M150.077-8.892C151.805-11.940 152.669-15.384 152.669-19.224C152.669-23.064 151.805-26.508 150.077-29.556C148.349-32.604 145.985-34.980 142.985-36.684C139.985-38.388 136.685-39.240 133.085-39.240C129.437-39.240 126.125-38.388 123.149-36.684C120.173-34.980 117.821-32.604 116.093-29.556C114.365-26.508 113.501-23.064 113.501-19.224C113.501-15.384 114.365-11.940 116.093-8.892C117.821-5.844 120.173-3.480 123.149-1.800C126.125-0.120 129.437 0.720 133.085 0.720C136.685 0.720 139.985-0.120 142.985-1.800C145.985-3.480 148.349-5.844 150.077-8.892ZM142.553-25.524C143.537-23.676 144.029-21.576 144.029-19.224C144.029-16.872 143.537-14.784 142.553-12.960C141.569-11.136 140.249-9.720 138.593-8.712C136.937-7.704 135.101-7.200 133.085-7.200C131.069-7.200 129.233-7.704 127.577-8.712C125.921-9.720 124.601-11.136 123.617-12.960C122.633-14.784 122.141-16.872 122.141-19.224C122.141-21.576 122.633-23.676 123.617-25.524C124.601-27.372 125.921-28.800 127.577-29.808C129.233-30.816 131.069-31.320 133.085-31.320C135.101-31.320 136.937-30.816 138.593-29.808C140.249-28.800 141.569-27.372 142.553-25.524Z"></path><path d="M159.228-1.188C159.972-0.444 161.040-0.072 162.432-0.072L163.368-0.072C164.760-0.072 165.828-0.444 166.572-1.188C167.316-1.932 167.688-3.000 167.688-4.392L167.688-5.616C167.688-7.008 167.316-8.076 166.572-8.820C165.828-9.564 164.760-9.936 163.368-9.936L162.432-9.936C161.040-9.936 159.972-9.564 159.228-8.820C158.484-8.076 158.112-7.008 158.112-5.616L158.112-4.392C158.112-3.000 158.484-1.932 159.228-1.188Z"></path><path d="M170.323 12.960C171.091 13.728 172.051 14.112 173.203 14.112C175.411 14.112 177.415 13.560 179.215 12.456C181.015 11.352 182.431 9.792 183.463 7.776C184.495 5.760 185.011 3.408 185.011 0.720L185.011-34.128C185.011-35.376 184.603-36.420 183.787-37.260C182.971-38.100 181.939-38.520 180.691-38.520C179.443-38.520 178.411-38.100 177.595-37.260C176.779-36.420 176.371-35.376 176.371-34.128L176.371-1.800C176.371 0.216 176.167 1.788 175.759 2.916C175.351 4.044 174.379 4.848 172.843 5.328C170.395 6.048 169.171 7.368 169.171 9.288L169.171 10.080C169.171 11.232 169.555 12.192 170.323 12.960ZM177.091-43.992C177.763-43.464 178.915-43.200 180.547-43.200C182.227-43.200 183.415-43.452 184.111-43.956C184.807-44.460 185.155-45.408 185.155-46.800L185.155-48.168C185.155-49.512 184.819-50.448 184.147-50.976C183.475-51.504 182.299-51.768 180.619-51.768C179.035-51.768 177.883-51.504 177.163-50.976C176.443-50.448 176.083-49.512 176.083-48.168L176.083-46.800C176.083-45.456 176.419-44.520 177.091-43.992Z"></path><path d="M190.958-8.136C190.958-7.272 191.174-6.552 191.606-5.976C193.334-3.624 195.566-1.920 198.302-0.864C201.038 0.192 203.990 0.720 207.158 0.720C209.462 0.720 211.706 0.264 213.890-0.648C216.074-1.560 217.862-2.892 219.254-4.644C220.646-6.396 221.342-8.448 221.342-10.800C221.342-13.392 220.742-15.480 219.542-17.064C218.342-18.648 216.878-19.824 215.150-20.592C213.422-21.360 211.262-22.104 208.670-22.824C206.798-23.352 205.346-23.796 204.314-24.156C203.282-24.516 202.430-25.020 201.758-25.668C201.086-26.316 200.750-27.168 200.750-28.224C200.750-30.864 202.574-32.184 206.222-32.184C207.950-32.184 209.498-31.872 210.866-31.248C212.234-30.624 213.350-29.784 214.214-28.728C214.886-28.056 215.750-27.720 216.806-27.720C217.670-27.720 218.438-27.984 219.110-28.512C220.022-29.232 220.478-30.144 220.478-31.248C220.478-32.208 220.166-33.072 219.542-33.840C218.150-35.616 216.230-36.960 213.782-37.872C211.334-38.784 208.886-39.240 206.438-39.240C204.038-39.240 201.770-38.772 199.634-37.836C197.498-36.900 195.770-35.580 194.450-33.876C193.130-32.172 192.470-30.168 192.470-27.864C192.470-25.224 193.106-23.124 194.378-21.564C195.650-20.004 197.162-18.840 198.914-18.072C200.666-17.304 202.934-16.536 205.718-15.768C208.406-15.048 210.386-14.328 211.658-13.608C212.930-12.888 213.566-11.832 213.566-10.440C213.566-7.752 211.694-6.336 207.950-6.192C205.742-6.192 203.858-6.552 202.298-7.272C200.738-7.992 199.238-9.096 197.798-10.584C196.886-11.496 195.926-11.952 194.918-11.952C194.198-11.952 193.502-11.736 192.830-11.304C191.582-10.440 190.958-9.384 190.958-8.136Z"></path></g></g><g transform="translate(0 -111.44230769230768) scale(4.653846153846153)" id="logomark"><g fill="#000"><g transform="translate(-17.5 -17.5) scale(0.3431372549019608)" id="container"><g fill="#f74543"><circle vector-effect="non-scaling-stroke" cx="51" cy="51" r="50"></circle></g></g><g transform="translate(-10.239187410983629 -10.207259708916853) scale(0.4095674905804351)" id="icon"><g fill="#000"><path d="M24.779 21.967l-12.263.017v-4.829L.584 24.888l11.935 7.958-.003-4.809 12.704-.019h12.262v4.828l11.934-7.733-11.934-7.958v4.812z"></path></g></g></g></g></svg></svg>
</div>
<div class="caption">
A light weight minimalistic image slider.
</div>
<div id="slido-demo">
</div>
<div class="actions">
<a class="ui-btn" target="_blank" href="https://github.com/codebymani/slidojs"> Github</a>
<a class="ui-btn" target="_blank" href="https://github.com/codebymani/slidojs/blob/master/dist/slido.min.js"> Download</a>
</div>
</body>
<script src="dist/slido.min.js" ></script>
<script>
window.onload = function(){
var demo = slido({
autoPlay: true,
idleTime: 3000, // inMilliSeconds
width: 800, //inPixels
height: 350, //inPixels
speed: 1, //inSeconds
images: ['assets/01.jpg','assets/02.jpg','assets/01.jpg'],
id:'slido-demo' // id-selector
})
demo.init();
};
</script>
</html>