https://droppoint.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=02420ef1-e5fb-47dd-bf0d-4ccfb8b76240
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
9    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10    <title>DropPoint - Make Drag-n-Drop Easy</title>
11    <link rel="stylesheet" href="css/main.css" />
12    <link
13      rel="shortcut icon"
14      href="./media/[email protected]"
15      type="image/png"
16    />
17    <link
18      href="https://fonts.googleapis.com/icon?family=Material+Icons"
19      rel="stylesheet"
20    />
21    <!-- GitHub Fork Ribbon styles -->
22    <link
23      rel="stylesheet"
24      href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css"
25    />
26
27    <!-- Meta Tags -->
28    <meta property="og:title" content="DropPoint - Make Drag-n-Drop Easy" />
29    <meta name="twitter:title" content="DropPoint - Make Drag-n-Drop Easy" />
30
31    <meta
32      name="description"
33      content="DropPoint holds the files you wish to drag, in one part of the screen so that you can drag content without having side-by-side windows"
34    />
35    <meta
36      property="og:description"
37      content="DropPoint holds the files you wish to drag, in one part of the screen so that you can drag content without having side-by-side windows"
38    />
39    <meta
40      name="twitter:description"
41      content="DropPoint holds the files you wish to drag, in one part of the screen so that you can drag content without having side-by-side windows"
42    />
43
44    <meta property="og:image" content="./media/Social Cover.png" />
45
46    <meta name="twitter:card" content="summary_large_image" />
47    <meta name="twitter:image" content="./media/Social Cover.png" />
48
49    <link href="https://droppoint.netlify.app/" rel="canonical" />
50    <meta name="twitter:url" content="https://droppoint.netlify.app/" />
51    <meta property="og:url" content="https://droppoint.netlify.app/" />
52
53    <!-- Start of Inflection Embed Code -->
54      

54<script async src="https://wt.inflection.io/scripts/wt-script.js"></script>

54
55    <!-- End of Inflection Embed Code -->
56
57    
58  </head>
59  <body>
60    <div class="loading-screen">
61      <img src="./media/droppoint_long.svg" alt="DropPoint Logo" />
62    </div>
63    <a
64      style="display: none"
65      class="github-fork-ribbon fixed"
66      href="http://github.com/GameGodS3/DropPoint"
67      data-ribbon="Fork me on GitHub"
68      title="Fork me on GitHub"
69      >Fork me on GitHub</a
70    >
71    <nav class="navbar-wrapper">
72      <input
73        type="checkbox"
74        name="menu"
75        id="menu-toggle"
76        style="display: none"
77        onchange="menuToggle()"
78      />
79      <div class="logo-wrapper">
80        <div class="nav-icon">
81          <label for="menu-toggle"
82            ><span class="material-icons">menu</span></label
83          >
84        </div>
85        <a href="#">
86          <img
87            src="./media/droppoint_long.svg"
88            alt="DropPoint Logo"
89            class="logo"
90          />
91        </a>
92      </div>
93      <ul class="navbar-list">
94        <a href="#overview">
95          <li class="nav-item">Overview</li>
96        </a>
97        <a href="#features">
98          <li class="nav-item">Features</li>
99        </a>
100        <li class="nav-item cta" onclick="downloadModal()">Download Now</li>
101      </ul>
102    </nav>
103    <main>
104      <section class="hero">
105        <div class="hero-text">
106          <h2 class="hero-title">Make Drag and Drop Easy</h2>
107          <p class="hero-para">
108            DropPoint holds the files you wish to drag, in one part of the
109            screen so that you can drag content without having side-by-side
110            windows
111          </p>
112          <div class="cta-box">
113            <div class="cta" onclick="downloadModal()">Download Now</div>
114            <a href="#overview">
115              <div class="cta-secondary">Learn More</div>
116            </a>
117          </div>
118        </div>
119        <div class="hero-vid">
120          <video
121            src="./media/Combined Demo.mp4"
122            muted
123            autoplay
124            loop
125            playsinline
126          ></video>
127        </div>
128      </section>
129      <section class="overview" id="overview">
130        <h3>What does DropPoint do?</h3>
131        <p>
132          Ever found it annoying or tiresome to drag files across folders and
133          windows? DropPoint hold your files temporarily in a part of your
134          screen, until you wish to drag your files out.
135        </p>
136        <div class="overview-card-wrapper">
137          <div class="overview-card">
138            <div class="overview-title">
139              <img
140                src="https://openmoji.org/data/color/svg/E25C.svg"
141                alt="download"
142              />Cross Platform
143            </div>
144            <div class="overview-body">Works on Windows, MacOS and Linux.</div>
145          </div>
146          <div class="overview-card">
147            <div class="overview-title">
148              <img
149                src="https://openmoji.org/data/color/svg/26A1.svg"
150                alt="lightning"
151              />Manage Files Efficiently
152            </div>
153            <div class="overview-body">
154              Organising files to quickly copy or drop into a single spot.
155            </div>
156          </div>
157          <div class="overview-card">
158            <div class="overview-title">
159              <img
160                src="https://openmoji.org/data/color/svg/E106.svg"
161                alt="move"
162              />Drag Files Across Workspaces
163            </div>
164            <div class="overview-body">
165              Drop files into DropPoint in one Virtual Desktop/Workspace, and
166              access it in any other
167            </div>
168          </div>
169        </div>
170      </section>
171      <section class="features" id="features">
172        <h3>Features</h3>
173        <div class="features-card-wrapper">
174          <div class="features-card">
175            <div class="features-title">
176              <img
177                src="https://openmoji.org/data/color/svg/1F4AB.svg"
178                alt="meteor"
179              />Global Hotkey/Shortcut
180            </div>
181            <div class="features-body">
182              Press <kbd>Shift</kbd> + <kbd>Caps Lock</kbd> (<kbd>Shift</kbd> +
183              <kbd>Tab</kbd> for MacOS) anywhere on your PC to launch an
184              instance.
185            </div>
186          </div>
187          <div class="features-card">
188            <div class="features-title">
189              <img
190                src="https://openmoji.org/data/color/svg/1F447.svg"
191                alt="move"
192              />Minimise to Tray
193            </div>
194            <div class="features-body">
195              DropPoint minimises to tray by default. Double click on tray for a
196              new instance.
197            </div>
198          </div>
199        </div>
200      </section>
201    </main>
202    <footer>
203      Sudev Suresh Sreedevi © 2021 <br />
204      All rights reserved.
205      <img
206        src="https://openmoji.org/data/color/svg/E045.svg"
207        alt="github"
208        onclick="window.open('https\://github.com/GameGodS3')"
209      />
210    </footer>
211    <div class="downloadModal-wrapper">
212      <div class="close-button cta-secondary">

213        <span class="material-icons">close</span>
214      </div>
215      <div class="downloadModal">
216        <div class="download-card">
217          <div class="os-logo">
218            <img
219              src="https://cdn.cdnlogo.com/logos/m/26/microsoft-windows.svg"
220              alt="Microsoft Windows Logo"
221            />
222          </div>
223          <div class="os-label"></div>
224          <a
225            href="https://github.com/GameGodS3/DropPoint/releases/download/v1.2.0/DropPoint-1.2.0-win.zip"
226          >
227            <div class="download-button cta">Download for Windows</div>
228          </a>
229        </div>
230        <div class="download-card">
231          <div class="os-logo">
232            <img
233              src="https://cdn.cdnlogo.com/logos/l/21/linux-tux.svg"
234              alt="Linux Logo"
235            />
236          </div>
237          <div class="os-label"></div>
238          <a
239            href="https://github.com/GameGodS3/DropPoint/releases/download/v1.2.0/DropPoint-1.2.0.AppImage"
240          >
241            <div class="download-button cta">Download for Linux</div>
242          </a>
243        </div>
244        <div class="download-card">
245          <div class="os-logo">
246            <img
247              src="https://cdn.cdnlogo.com/logos/a/19/apple.svg"
248              alt="Linux Logo"
249              style="min-width: 80px; max-width: 80px;"
250            />
251          </div>
252          <div class="os-label"></div>
253          <a
254            href="https://github.com/GameGodS3/DropPoint/releases/download/v1.2.0/DropPoint-1.2.0-intel.dmg"
255          >
256            <div class="download-button cta">Download for MacOS</div>
257          </a>
258        </div>
259      </div>
260    </div>
261  </body>
262<!--   

262<script src="./js/main.js"></script>

262 -->
263  
264  
265  

265<script>
266  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window.analytics.initialized)return window.analytics[e].apply(window.analytics,arguments);var i=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");i.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}i.unshift(e);analytics.push(i);return analytics}};for(var i=0;i<analytics.methods.length;i++){var key=analytics.methods[i];analytics[key]=analytics.factory(key)}analytics.load=function(key,i){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=i};analytics._writeKey="rh9AaBDsfHdF4y58HTkQezID2xiwwhFB";;analytics.SNIPPET_VERSION="5.2.0";
267  analytics.load("rh9AaBDsfHdF4y58HTkQezID2xiwwhFB");
268  analytics.page();
269  }}();
270  </script>

270
271  
272  
273  

273<script src="./js/onload.js"></script>

273
274  

274<script src="./js/menu.js"></script>

274
275  

275<script src="./js/scrollAnimation.js"></script>

275
276  

276<script>
277    const downloadModalOverlay = document.querySelector(
278      ".downloadModal-wrapper"
279    );
280    const downloadCards = document.querySelectorAll(".download-card");
281    const downloadClose = document.querySelector(".close-button");
282
283    downloadCards.forEach((card, index) =>
284      setTimeout(() => card.classList.add("settle"), index * 200)
285    );
286
287    const downloadModal = () => {
288      downloadModalOverlay.style.visibility =
289        downloadModalOverlay.style.visibility == "visible"
290          ? "hidden"
291          : "visible";
292      if (downloadModalOverlay.style.visibility == "visible") {
293        downloadCards.forEach((card, index) =>
294          setTimeout(() => card.classList.add("settle"), index * 200)
295        );
296      } else {
297        downloadCards.forEach((card) => card.classList.remove("settle"));
298      }
299    };
300
301    downloadClose.addEventListener("click", downloadModal);
302  </script>

302
303</html>