├── LICENSE
├── README.md
├── comments.js
├── css
    └── mystyle.css
├── gallery.js
├── icon
    ├── ic_img_01.png
    ├── ic_img_02.png
    ├── ic_img_03.png
    ├── ic_img_04.png
    ├── ic_img_05.png
    ├── ic_img_06.png
    ├── ic_img_07.png
    ├── ic_img_08.png
    ├── ic_img_09.png
    ├── ic_img_10.png
    ├── ic_img_11.png
    ├── ic_img_12.png
    ├── ic_img_13.png
    ├── ic_img_14.png
    ├── ic_img_15.png
    ├── ic_img_16.png
    ├── ic_img_17.png
    └── ic_img_18.png
├── images
    ├── bground.jpg
    └── favicon_transparent.png
└── index.html


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 CusMeDroid
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # filter
2 | This filter for instagram and facebook, powered by cusmedroid x maslipas
3 | ![Filter | CusMeDroid](https://raw.githubusercontent.com/CusMeDroid/filter/main/images/favicon_transparent.png)
4 | 


--------------------------------------------------------------------------------
/comments.js:
--------------------------------------------------------------------------------
 1 | var slideIndex = 1;
 2 | showSlides(slideIndex);
 3 | 
 4 | function plusSlides(n) {
 5 |   showSlides(slideIndex += n);
 6 | }
 7 | 
 8 | function currentSlide(n) {
 9 |   showSlides(slideIndex = n);
10 | }
11 | 
12 | function showSlides(n) {
13 |   var qik;
14 |   var slides = document.getElementsByClassName('mySlides');
15 |   if (n > slides.length) {slideIndex = 1}    
16 |   if (n < 1) {slideIndex = slides.length}
17 |   for (qik = 0; qik < slides.length; qik++) {
18 |       slides[qik].style.display = 'none';  
19 |   }
20 |   slides[slideIndex-1].style.display = 'block';
21 | }
22 | 
23 | var slideIndex2 = 1;
24 | showSlides2();
25 |   
26 | function showSlides2() {
27 |     var qik;
28 |     var slides = document.getElementsByClassName('mySlides');
29 |     for (qik = 0; qik < slides.length; qik++) {
30 |       slides[qik].style.display = 'none';  
31 |     }
32 |     slideIndex2++;
33 |     if (slideIndex2 > slides.length) {slideIndex2 = 1}    
34 |     
35 |     slides[slideIndex2-1].style.display = 'block';  
36 |     setTimeout(showSlides2, 5000); // Change image every 5 seconds
37 | }
38 | 
39 | let kmurl = 'https://docs.google.com/spreadsheets/d/1Er5ELyq5CDKT8SsS_DxcGgInfWvSRQmgLld_qcMz2vI/gviz/tq?';
40 | const kmn = document.querySelector('.kmn');
41 | const kmquery = encodeURIComponent('Select B,C,D');
42 | console.log(kmquery);
43 | kmurl = kmurl + '&tq=' + kmquery;
44 | 
45 | fetch(kmurl)
46 | .then(res => res.text())
47 | .then(rep => {
48 |     const data = JSON.parse(rep.substr(47).slice(0,-2));
49 |     const container = document.createElement('div');
50 |     container.setAttribute('class', 'slideshow-container');
51 |     data.table.rows.forEach((main)=>{
52 |     kmn.append(container);
53 |     console.log(main.c[0]);
54 |     const nama = main.c[0];
55 |     console.log(main.c[1]);
56 |     const komen = main.c[1];
57 |     console.log(main.c[2]);
58 |     const merk = main.c[2];
59 |     const fullName = nama.v;
60 |     const fullKomen = komen.v;
61 |     const fullMerk = merk.v;
62 |     const lum = document.createElement('div');
63 |     const q = document.createElement('q');
64 |     const p = document.createElement('p');
65 |     lum.setAttribute('class', 'mySlides');
66 |     q.innerHTML = fullKomen;
67 |     p.setAttribute('class', 'author');
68 |     p.innerHTML = fullName + ', ' + fullMerk;
69 | 
70 |     container.appendChild(lum);
71 |     lum.appendChild(q);
72 |     lum.appendChild(p);
73 |   })
74 |   console.log(data);
75 | })
76 | 


--------------------------------------------------------------------------------
/css/mystyle.css:
--------------------------------------------------------------------------------
  1 | .my-main-bg {
  2 |     background: url(../images/bground.jpg);
  3 |     background-repeat: no-repeat;
  4 |     background-size: 100% auto;
  5 | }
  6 | .c1 {
  7 |     float: left;
  8 |     margin-left: 8px;
  9 |     margin-bottom: 8px;
 10 | }
 11 | .c2 {
 12 |     float: left;
 13 |     margin-left: 8px;
 14 |     margin-bottom: 8px;
 15 | }
 16 | .hdn {
 17 |     display: none;
 18 | }
 19 | .hiframe {
 20 |     border: 0;
 21 |     overflow: hidden;
 22 | }
 23 | .bubs {
 24 |     z-index: 2;
 25 |     border: 2px solid #1d1d1d;
 26 |     font-size: 24px;
 27 |     text-align: center;
 28 |     color: black;
 29 |     padding-top: 12px;
 30 |     width: 56px;
 31 |     height: 56px;
 32 |     position: fixed;
 33 |     right: 8px;
 34 |     top: 40%;
 35 |     background: white;
 36 |     transition-duration: 0.5s;
 37 | }
 38 | .bubs:hover {
 39 |     border: 2px solid #777;
 40 |     color: #777;
 41 | }
 42 | 
 43 | /* Slideshow container */
 44 | .slideshow-container {
 45 |     position: relative;
 46 | }
 47 | /* Slides */
 48 | .mySlides {
 49 |     display: none;
 50 |     padding: 80px;
 51 |     text-align: center;
 52 | }
 53 | 
 54 | /* Next & previous buttons */
 55 | .q-prev, .q-next {
 56 |     cursor: pointer;
 57 |     position: absolute;
 58 |     top: 50%;
 59 |     width: auto;
 60 |     margin-top: -30px;
 61 |     padding: 16px;
 62 |     color: #888;
 63 |     font-weight: bold;
 64 |     font-size: 20px;
 65 |     border-radius: 0 3px 3px 0;
 66 |     user-select: none;
 67 | }
 68 | 
 69 | /* Position the 'next button' to the right */
 70 | .q-next {
 71 |     position: absolute;
 72 |     right: 0;
 73 |     border-radius: 3px 0 0 3px;
 74 | }
 75 | 
 76 | /* On hover, add a black background color with a little bit see-through */
 77 | .q-prev:hover, .q-next:hover {
 78 |     background-color: rgba(0,0,0,0.8);
 79 |     color: white;
 80 | }
 81 | 
 82 | /* Add an italic font style to all quotes */
 83 | q {font-style: italic;}
 84 | 
 85 | /* Add a blue color to the author */
 86 | .author {color: cornflowerblue;}
 87 | 
 88 | .swiper-container {
 89 |   width: 100vw;
 90 |   /* height: 100vh; */
 91 | }
 92 | .swiper-slide img{
 93 |   width: 100%;
 94 |   /* height: 100%; */
 95 |   object-fit: cover;
 96 | }
 97 | 
 98 | .jnsbd {
 99 |   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
100 |   transition: 0.5s;
101 |   width: 100%;
102 |   border: 1px solid #CCC;
103 |   border-radius: 20px;
104 |   background: white;
105 |   padding: 10px;
106 | }
107 | 
108 | /* New promo */
109 | #mpromo {
110 |     background-color: #FFF;
111 |     overflow: auto;
112 | }
113 | #promo {
114 |     width: 2876px;
115 | }
116 | 
117 | .me-promo {
118 |     width: 700px;
119 |     height: 394px;
120 |     border-radius: 20px;
121 |     margin: 8px;
122 |     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
123 |     transition: 0.5s;
124 | }
125 | 
126 | @media screen and (max-width: 800px) {
127 |     .jnsbd {
128 |       transition: 0.5s;
129 |       width: 100%;
130 |       border: 0px;
131 |       border-radius: 0px;
132 |       background: white;
133 |       padding: 10px;
134 |     }
135 |     #promo {
136 |         width: 1688px;
137 |         padding-left: 8px;
138 |     }
139 |     .me-promo {
140 |         width: 400px;
141 |         height: 225px;
142 |         border-radius: 20px;
143 |         margin: 8px;
144 |         box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
145 |         transition: 0.5s;
146 |     }
147 | }
148 | 


--------------------------------------------------------------------------------
/gallery.js:
--------------------------------------------------------------------------------
  1 | /* const mySwiper = new Swiper(".swiper-container", {
  2 |   // Optional parameters
  3 |   direction: "horizontal",
  4 |   loop: true,
  5 |   speed: 300,
  6 |   mousewheel: true,
  7 |   coverflowEffect: {
  8 |     rotate: 30,
  9 |     slideShadows: true
 10 |   },
 11 |   // If we need pagination
 12 |   pagination: {
 13 |     el: ".swiper-pagination"
 14 |   },
 15 | 
 16 |   // Navigation arrows
 17 |   navigation: {
 18 |     nextEl: ".swiper-button-next",
 19 |     prevEl: ".swiper-button-prev"
 20 |   },
 21 | 
 22 |   // And if we need scrollbar
 23 |   scrollbar: {
 24 |     el: ".swiper-scrollbar"
 25 |   }
 26 | });
 27 | */
 28 | 
 29 | let url = 'https://docs.google.com/spreadsheets/d/1W_g9ktBT6d6LWTboa646yAfLAbDi2ooB_ac_XOqAVQc/gviz/tq?';
 30 | const lkjs = document.querySelector('.lkjs');
 31 | const query = encodeURIComponent('SELECT B,C,D,E,F');
 32 | console.log(query);
 33 | url = url + '&tq=' + query;
 34 | 
 35 | fetch(url)
 36 | .then(res => res.text())
 37 | .then(rep => {
 38 |     const data = JSON.parse(rep.substr(47).slice(0,-2));
 39 |     const container = document.createElement('div');
 40 |     container.setAttribute('class', 'row uvh');
 41 |     data.table.rows.forEach((main)=>{
 42 |     lkjs.append(container);
 43 |     console.log(main.c[0]);
 44 |     const imgna = main.c[0];
 45 |     console.log(main.c[1]);
 46 |     const titlena = main.c[1];
 47 |     console.log(main.c[2]);
 48 |     const descna = main.c[2];
 49 |     console.log(main.c[3]);
 50 |     const linkna = main.c[3];
 51 |     console.log(main.c[4]);
 52 |     const linkba = main.c[4];
 53 | 
 54 |     const fullLink = imgna.v;
 55 |     const fullTit = titlena.v;
 56 |     const fullDes = descna.v;
 57 |     const fullHref = linkna.v;
 58 |     const fullHrefs = linkba.v;
 59 |     console.log(fullLink);
 60 |     const column = document.createElement('div');
 61 |     const card = document.createElement('div');
 62 |     //const link = document.createElement('a');
 63 |     const elem = document.createElement('img');
 64 |     const huah = document.createElement('h2');
 65 |     const desc = document.createElement('p');
 66 |     const hreff = document.createElement('a');
 67 |     const hreff2 = document.createElement('a');
 68 |     const ic1 = document.createElement('li');
 69 |     const ic2 = document.createElement('li');
 70 | 
 71 |     column.setAttribute('class', 'column4');
 72 |     card.setAttribute('class', 'card');
 73 |     //link.setAttribute('href', fullHref);
 74 |     // link.setAttribute('target', '_blank');
 75 |     //link.setAttribute('title', 'CusMeDroid');
 76 |     //link.setAttribute('style', 'display: block;');
 77 |     elem.setAttribute('src', fullLink);
 78 |     elem.setAttribute('title', fullTit);
 79 |     elem.setAttribute('alt', fullTit);
 80 |     elem.setAttribute('class', 'card-img hiframe');
 81 |     huah.innerHTML = fullTit;
 82 |     huah.setAttribute('class', 'black Audiowide padd-8');
 83 |     
 84 |     desc.innerHTML = fullDes;
 85 |     desc.setAttribute('class', 'padd-8 Trirong');
 86 | 
 87 |     if (fullHref == 'null' || fullHrefs == '') {
 88 |       hreff.setAttribute('class', 'hdn');
 89 |       ic1.setAttribute('class', 'hdn');
 90 |     } else {
 91 |       hreff.setAttribute('title', 'Try Now! ' + fullTit);
 92 |       hreff.setAttribute('class', 'padd-8 black');
 93 |       hreff.setAttribute('href', fullHref);
 94 |       hreff.setAttribute('target', '_blank');
 95 |       ic1.setAttribute('class', 'fa fa-instagram fa-lg c1');
 96 |     }
 97 | 
 98 |     if (fullHrefs == 'null' || fullHrefs == '') {
 99 |       hreff2.setAttribute('class', 'hdn');
100 |       ic2.setAttribute('class', 'hdn');
101 |     } else {
102 |       hreff2.setAttribute('title', 'Try Now! ' + fullTit);
103 |       hreff2.setAttribute('class', 'padd-8 black');
104 |       hreff2.setAttribute('href', fullHrefs);
105 |       hreff2.setAttribute('target', '_blank');
106 |       ic2.setAttribute('class', 'fa fa-facebook-square fa-lg c2');
107 |     }
108 | 
109 |     container.appendChild(column);
110 |     column.appendChild(card);
111 |     card.appendChild(elem);
112 |     // link.appendChild(elem);
113 |     card.appendChild(huah);
114 |     card.appendChild(desc);
115 |     card.appendChild(hreff);
116 |     card.appendChild(hreff2);
117 |     hreff.appendChild(ic1);
118 |     hreff2.appendChild(ic2);
119 |   })
120 |   console.log(data);
121 | })
122 | 


--------------------------------------------------------------------------------
/icon/ic_img_01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_01.png


--------------------------------------------------------------------------------
/icon/ic_img_02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_02.png


--------------------------------------------------------------------------------
/icon/ic_img_03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_03.png


--------------------------------------------------------------------------------
/icon/ic_img_04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_04.png


--------------------------------------------------------------------------------
/icon/ic_img_05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_05.png


--------------------------------------------------------------------------------
/icon/ic_img_06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_06.png


--------------------------------------------------------------------------------
/icon/ic_img_07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_07.png


--------------------------------------------------------------------------------
/icon/ic_img_08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_08.png


--------------------------------------------------------------------------------
/icon/ic_img_09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_09.png


--------------------------------------------------------------------------------
/icon/ic_img_10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_10.png


--------------------------------------------------------------------------------
/icon/ic_img_11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_11.png


--------------------------------------------------------------------------------
/icon/ic_img_12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_12.png


--------------------------------------------------------------------------------
/icon/ic_img_13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_13.png


--------------------------------------------------------------------------------
/icon/ic_img_14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_14.png


--------------------------------------------------------------------------------
/icon/ic_img_15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_15.png


--------------------------------------------------------------------------------
/icon/ic_img_16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_16.png


--------------------------------------------------------------------------------
/icon/ic_img_17.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_17.png


--------------------------------------------------------------------------------
/icon/ic_img_18.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/icon/ic_img_18.png


--------------------------------------------------------------------------------
/images/bground.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/images/bground.jpg


--------------------------------------------------------------------------------
/images/favicon_transparent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CusMeDroid/filter/aa72d172c943097d9308da8651b970e767bdbfb3/images/favicon_transparent.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang='en'>
  3 |     <head>
  4 |         <meta charset='UTF-8'>
  5 |         <title>Filter | CusMeDroid</title>
  6 |         <link rel='icon' type='image/x-icon' href='https://cusmedroid.github.io/favicon.ico'>
  7 |         <link rel='apple-touch-icon' href='https://cusmedroid.github.io/favicon.ico'>
  8 |         <meta name='theme-color' content='#f4f4f4'/>
  9 |         <meta name='viewport' content='width=device-width, initial-scale=1'>
 10 |         <meta name='description' content='Filter instagram or facebook, powered by CusMeDroid x Maslipas'>
 11 |         <meta name='keywords' content='filter, fx, filterinstagram, filterfacebook, cusmedroid, maslipas'/>
 12 |         <meta name='author' content='CusMeDroid'>
 13 |         <meta property='og:image' content='https://cusmedroid.github.io/favicon.ico'>
 14 |         <meta property='og:image:type' content='image/jpeg'>
 15 |         <meta property='og:image:width' content='200'>
 16 |         <meta property='og:image:height' content='200'>
 17 |         <link rel='stylesheet' type='text/css' href='https://cusmedroid.github.io/css/style.css'>
 18 |         <!--<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css'>-->
 19 |         <link rel='stylesheet' type='text/css' href='css/mystyle.css'>
 20 |         <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong'>
 21 |         <link rel='stylesheet' href='https://cusmedroid.github.io/fontawesome-4/css/font-awesome.min.css'>
 22 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/jquery-3.6.0.min.js'></script>
 23 |         <!-- Google tag (gtag.js) -->
 24 |         <script async src='https://www.googletagmanager.com/gtag/js?id=G-JD9X9WVQX9'></script>
 25 |         <script>
 26 |           window.dataLayer = window.dataLayer || [];
 27 |           function gtag(){dataLayer.push(arguments);}
 28 |           gtag('js', new Date());
 29 | 
 30 |           gtag('config', 'G-JD9X9WVQX9');
 31 |         </script>
 32 |     </head>
 33 |     <body id='myCopyright'>
 34 |         <header class='my-main-bg'>
 35 |             <nav class='animate-top'>
 36 |                 <div class='logo Audiowide'>
 37 |                     <h1><a class='white' alt='Filter | CusMeDroid' title='Filter | CusMeDroid' href=''>Filter</a></h1>
 38 |                 </div>
 39 |                 <div class='nav Trirong'>
 40 |                     <a title='Home' href='#'><b>Home</b></a>
 41 |                     <a title='Gallery' href='#gallery'><b>Gallery</b></a>
 42 |                     <a title='Service' href='#service'><b>Service</b></a>
 43 |                     <a title='More' class='alks tooltip'><b><i class='fa fa-ellipsis-h' aria-hidden='true'></i></b>
 44 |                       <span class='tooltiptext'>
 45 |                         <p title='Help' onclick='meHelp()'>Help</p>
 46 |                         <p title='Privacy' onclick='mePrivacy()'>Privacy</p>
 47 |                         <p title='Get app for android' onclick='mApp()'>Download <i class='fa fa-android' aria-hidden='true'></i></p>
 48 |                       </span>
 49 |                     </a>
 50 |                 </div>
 51 |                 <div class='mtolpip'></div>
 52 |             </nav>
 53 |             <div class='row'>
 54 |                 <div class='column2 mk'>
 55 |                     <div class='m1 animate-left'>
 56 |                         <h2 class='white Audiowide'>Instagram</h2>
 57 |                         <h1 class='Sofia'>Facebook</h1>
 58 |                         <p class='lkas white Trirong'>Powered by CusMeDroid x Maslipas.</p>
 59 |                     </div>
 60 |                 </div>
 61 |                 <div class='column2'>
 62 |                     <div class='m1 animate-zoom'>
 63 |                         <div class='iimg'>
 64 |                             <img oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' src='images/favicon_transparent.png' class='radius-5 iimgssw' alt='CusMeDroid' title='CusMeDroid'>
 65 |                         </div>
 66 |                     </div>
 67 |                 </div>
 68 |             </div>
 69 |         </header>
 70 |         <div class='sukron'>
 71 |             <b class='padd-8 Audiowide animate-left'>Filter</b>
 72 |             <p class='gray padd-8 Trirong animate-right'>This is a filter for instagram or facebook, where the camera style is unique and very creative, they manipulate or create a system that is beyond your reality! What are you waiting, let's try it now!</p>
 73 |             <b class='padd-8 Audiowide animate-left'>CusMeDroid x Maslipas</b><br><br>
 74 |         </div>
 75 |         <div class='main' id='gallery'>
 76 |             <h1 class='titlehome Audiowide animate-left sugesto'><i class='fa fa fa-picture-o' aria-hidden='true'></i> Gallery</h1>
 77 |             <div class='lkjs' oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'></div>
 78 |         </div>
 79 |         <div class='main' id='service'>
 80 |             <h1 class='titlehome Audiowide animate-left sugesto'><i class='fa fa-cogs' aria-hidden='true'></i> Service</h1>
 81 |             <div class='alaau'>
 82 |                 <div class='card'>
 83 |                     <b class='padd-8 Audiowide animate-left'>Filter</b>
 84 |                     <p class='gray padd-8 Trirong animate-right'>This is a filter for instagram or facebook, where the camera style is unique and very creative, they manipulate or create a system that is beyond your reality! What are you waiting, let's try it now!</p>
 85 |                 </div>
 86 |             </div>
 87 |             <div class='row animate-left'>
 88 |                 <div class='column2'>
 89 |                     <div class='card'>
 90 |                         <h1 class='padd-8 Audiowide'>3D Images</h1>
 91 |                         <p class='Trirong padd-8'>Made in blender app.</p>
 92 |                     </div>
 93 |                 </div>
 94 |                 <div class='column2'>
 95 |                     <div class='card'>
 96 |                         <h1 class='padd-8 Audiowide'>Images</h1>
 97 |                         <p class='Trirong padd-8'>Made in pixlr or illustrator app.</p>
 98 |                     </div>
 99 |                 </div>
100 |                 <div class='column2'>
101 |                     <div class='card'>
102 |                         <h1 class='padd-8 Audiowide'>Animation</h1>
103 |                         <p class='Trirong padd-8'>Logic implemented in spark ar app.</p>
104 |                     </div>
105 |                 </div>
106 |                 <div class='column2'>
107 |                     <div class='card'>
108 |                         <h1 class='padd-8 Audiowide'>Transition</h1>
109 |                         <p class='Trirong padd-8'>Logic implemented in spark ar app.</p>
110 |                     </div>
111 |                 </div>
112 |             </div>
113 |         </div>
114 |         
115 |         <!--
116 |         <div class='swiper-container'>
117 |             Additional required wrapper
118 |             <div class='swiper-wrapper'>
119 |                 Slides
120 |                 <div class='swiper-slide'><img src='images/diagram_stb_rca.jpg' alt='Diagram STB RCA | CusMeDroid'></div>
121 |                 <div class='swiper-slide'><img src='images/diagram_stb_hdmi.jpg' alt='Diagram STB HDMI | CusMeDroid'></div>
122 |             </div>
123 |             If we need pagination
124 |             <div class='swiper-pagination'></div>
125 | 
126 |             If we need navigation buttons 
127 |             <div class='swiper-button-prev'></div>
128 |             <div class='swiper-button-next'></div>
129 | 
130 |             If we need scrollbar
131 |             <div class='swiper-scrollbar'></div>
132 |         </div>
133 |         <script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js'></script>
134 |         -->
135 |         
136 |         <div class='main' id='help'>
137 |             <h1 class='titlehome Audiowide animate-left sugesto'><i class='fa fa-question' aria-hidden='true'></i> Help</h1>
138 |             <button class='collapsible black-bg Trirong'>What is a filter?</button>
139 |             <div class='clp-content Trirong'>
140 |                 <div class='padd-10'>
141 |                     The filter he means here is a very creative and interesting camera style, made for  platform well know, namely Instagram or Facebook.
142 |                 </div>
143 |             </div>
144 |             <button class='collapsible black-bg Trirong'>Why should be in CusMeDroid?</button>
145 |             <div class='clp-content Trirong'>
146 |                 <div class='padd-10'>
147 |                     We present features that are different from other spark ar developers, managing the imagination applied to the project is a unique creation, that's how we work on all this.
148 |                 </div>
149 |             </div>
150 |             <button class='collapsible black-bg Trirong'>What features are available?</button>
151 |             <div class='clp-content Trirong'>
152 |                 <div class='padd-10'>
153 |                     Some filters have different features such as touch on the screen to play music or change style or blink and blow to kiss, and some others that we are in the process of trying.
154 |                 </div>
155 |             </div>
156 |             <button class='collapsible black-bg Trirong'>How to skip ads?</button>
157 |             <div class='clp-content Trirong'>
158 |                 <div class='padd-10'>
159 |                     Wait 5 seconds and click on the screen at the top right, if there is a permission notification you can choose reject or agree, if you agree it does not include the direct notification we provide, but from the ad.
160 |                 </div>
161 |             </div>
162 |         </div>
163 |         <div class='main' id='privacy'>
164 |             <h1 class='titlehome Audiowide animate-left sugesto'><i class='fa fa-shield' aria-hidden='true'></i> Privacy</h1>
165 |             <div class='jnsbd'>
166 |                  <p class='Trirong padd-8'>We have a policy to maintain the good name of CusMeDroid x Maslipas, as well as rules/information that has been set/obtained and written consciously.<br>
167 |                     <br>- This filter can only be used for instagram/facebook.
168 |                     <br>- In this android website/application contains a gallery to try the filters that have been created.
169 |                     <br>- The intended link uses an ad presented by adfly.
170 |                     <br>- Some activities use ads presented by google admob.
171 |                     <br><br>With this policy, we CusMeDroid x Maslipas hope that there will be no misunderstanding between us and users, in the future we will continue to develop and create many filter projects for other platforms, Thank you for trying our filter, and we really need support from you :).
172 |                     <br><br>~ Warm Regards CusMeDroid x Maslipas.
173 |                  </p>
174 |             </div>
175 |         </div>
176 |         <div class='main' id='komentar'>
177 |             <div class='slideshow-container'>
178 |                 <div class='mySlides'>
179 |                   <q>Comments from users who have tried :)</q>
180 |                   <p class='author'>- CusMeDroid x Maslipas</p>
181 |                 </div>
182 | 
183 |                 <div class='kmn'></div>
184 | 
185 |                 <a class='q-prev' onclick='plusSlides(-1)'>❮</a>
186 |                 <a class='q-next' onclick='plusSlides(1)'>❯</a>
187 | 
188 |             </div>
189 |         </div>
190 | 
191 |         <footer class='black-bg'>
192 |             <h1 class='padd-8 Audiowide animate-left'>Filter</h1>
193 |             <p class='Trirong animate-right'>Copyright &copy; <script>document.write(new Date().getFullYear())</script> - <a class='white' alt='CusMeDroid' title='CusMeDroid' href=''><b>CusMeDroid</b></a> x <a class='white' alt='Maslipas' title='Maslipas' href='https://google.com/search?q=Maslipas'><b>Maslipas</b></a>
194 |                 <br>
195 |                 <a target='_blank' title='Instagram' alt='Instagram' class='white size-24 padd-4' href='https://instagram.com/cusmedroid'><i class='fa fa-instagram' aria-hidden='true'></i></a> 
196 |                 <a target='_blank' title='WhatsApp' alt='WhatsApp' class='white size-24 padd-4' href='https://wa.me/6281932671715'><i class='fa fa-whatsapp' aria-hidden='true'></i></a> 
197 |                 <a target='_blank' title='Email' alt='Email' class='white size-24 padd-4' href='mailto:cusmedroidteam@gmail.com'><i class='fa fa-envelope-o' aria-hidden='true'></i></a>
198 |             </p>
199 |             <div class='sp-footers'></div>
200 |         </footer>
201 |         <a target='_blank' title='Give Your Opinion' alt='Give Your Opinion' href='https://forms.gle/C2TyKZitg8v9wGas6' class='circle bubs'>
202 |             <i class='fa fa-commenting' aria-hidden='true'></i>
203 |         </a>
204 | 
205 |         <div class='header animate-bottom'>
206 |             <div class='me-bottom-bar' align='center'>
207 |                 <a onclick='meHome()' title='Home' class='me-menu-item me-current'><i class='fa fa-home' aria-hidden='true'></i></a>
208 |                 <a onclick='meGallery()' title='Gallery' class='me-menu-item'><i class='fa fa-picture-o' aria-hidden='true' style='margin-left: -1px;'></i></a>
209 |                 <a onclick='meService()' title='Service' class='me-menu-item'><i class='fa fa-cogs' aria-hidden='true' style='margin-left: -1px;'></i></a>
210 |                 <a class='me-nav-indicator'></a>
211 |                 <a onclick='meHelp()' title='Help' class='me-menu-item'><i class='fa fa-question' aria-hidden='true' style='margin-left: 3px;'></i></a>
212 |             </div>
213 |         </div>
214 | 
215 |         <div class='memenu' id='smenu' onclick='myFunction(this)'>
216 |             <div id='bar1' class='bar1'></div>
217 |             <div id='bar2' class='bar2'></div>
218 |             <div id='bar3' class='bar3'></div>
219 |         </div>
220 | 
221 |         <div id='cmenu' class='memenu-content Trirong'>
222 |             <div class='memenupoa'>
223 |                 <a title='Home' href='#'>Home</a>
224 |                 <a title='Gallery' href='#gallery'>Gallery</a>
225 |                 <a title='Service' href='#service'>Service</a>
226 |                 <a title='Help' href='#help'>Help</a>
227 |             </div>
228 |             <a title='Privacy' onclick='mePrivacy()'>Privacy</a>
229 |             <a title='Get app for android' onclick='mApp()'>Download <i class='fa fa-android' aria-hidden='true'></i></a>
230 |         </div>
231 |         
232 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/disclaimer.js'></script>
233 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/me_nav_bottom.js'></script>
234 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/me-menu-jQuery.js'></script>
235 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/cv-jQuery.js'></script>
236 |         <script type='text/javascript' src='https://cusmedroid.github.io/js/collapse.js'></script>
237 |         <script type='text/javascript' src='gallery.js'></script>
238 |         <script type='text/javascript' src='comments.js'></script>
239 |         <script type='text/javascript'>
240 |             function mApp() {
241 |                 // window.location.href = 'https://cusmedroid.github.io/qc-tv-digital/download_app_android.html';
242 |                 alert('Coming Soon!');
243 |             }
244 |             function meGallery() {
245 |                 window.location.href = '#gallery';
246 |             }
247 |             function meService() {
248 |                 window.location.href = '#service';
249 |             }
250 |             function meHelp() {
251 |                 window.location.href = '#help';
252 |             }
253 |             function mePrivacy() {
254 |                 window.location.href = '#privacy';
255 |             }
256 |             function meMail() {
257 |                 window.location.href = 'mailto:cusmedroidteam@gmail.com';
258 |             }
259 |             function meWA() {
260 |                 window.location.href = 'https://wa.me/6281932671715';
261 |             }
262 |         </script>
263 | 
264 |     </body>
265 | </html>
266 | 


--------------------------------------------------------------------------------