Skip to content
Permalink
Browse files

update homepage and readme.md

  • Loading branch information...
marcomontalbano committed Aug 8, 2019
1 parent df799dc commit 0da307a1acebdacde3d370f42b7765ccab8263f5
Showing with 124 additions and 45 deletions.
  1. +12 −0 README.md
  2. +65 −41 public/index.html
  3. +47 −4 src/index.css
@@ -19,10 +19,22 @@ Just click start!

This tool uses the same service used by __speedtest-*.digitalocean.com__ so the result should be the same.


## Need an account for DigitalOcean?

Click [here](https://m.do.co/c/45b8cffe90f8) to register a new one!


## Privacy

Google Analytics is used to record the following:

* [Basic visit data](https://support.google.com/analytics/answer/6004245?ref_topic=2919631).
* `ping`, `download` and `upload` speed for each region in order to provide the consultable table.

Clicking on `start` you accept this terms & condition; no additional data is sent to the server.


## Development stuff

The project has been developed with [React](https://reactjs.org/) and [Flux](http://facebook.github.io/flux/).
@@ -29,49 +29,73 @@
You need to enable JavaScript to run this app.
</noscript>

<header class="dbr-hero-header uk-block uk-block-large uk-cover-background uk-flex uk-flex-middle uk-contrast">
<a class="js--link github-link" data-label="github" rel="noopener noreferrer" target="_blank" href="https://github.com/marcomontalbano/speedtest-for-digitalocean">
<img src="%PUBLIC_URL%/images/github-logo.svg" alt="GitHub logo" />
<div id="version"></div>
</a>
<div class="uk-container uk-container-center">
<section class="uk-grid uk-grid-match">
<div class="uk-width-medium-1-1">
<div class="uk-panel uk-text-center">
<h1>Speed Test for DigitalOcean</h1>
<h3>Run speed tests for all DigitalOcean datacenters faster than ever.</h3>
<p>
<small>
This tool uses the same service used by <b>speedtest-*.digitalocean.com</b> so the result should be the same.
<br />
<i>
If for some reason this site violates DigitalOcean copyright, please
<a rel="noopener noreferrer" target="_blank" href="https://github.com/marcomontalbano/speedtest-for-digitalocean/issues/new">open an issue</a>.
I'll modify the project accordingly.
</i>
</small>
</p>
<p class="do-account">
<span>need an account?</span>
<a class="js--link" data-label="digitalocean" href="https://m.do.co/c/45b8cffe90f8" rel="noopener noreferrer" target="_blank">
<span><img src="%PUBLIC_URL%/images/DO_Logo_Horizontal_White.png"></span>
</a>
</p>
<p class="github-buttons">
<a rel="noopener noreferrer" target="_blank" class="github-button js--link" data-label="star" href="https://github.com/marcomontalbano/speedtest-for-digitalocean/stargazers" data-icon="octicon-star" data-show-count="true" aria-label="Star marcomontalbano/speedtest-for-digitalocean on GitHub">
<img src="https://img.shields.io/github/stars/marcomontalbano/speedtest-for-digitalocean.svg?style=social&label=Star&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAYAAAAjt+tHAAAABmJLR0QA/wD/AP+gvaeTAAABw0lEQVRYhe3XvY8NURzG8c9ddu2yrJdsY+M1CAVho1IJjUJD4qWjEomXROVPoKP1L/gD0ChVohGJRixbbJB437XZQijmnFhjZ+beM3PvVew3+WVuMnOe55kzc+75DcvUY0uovnEXd/plvgnfMYfxVJGBGgFuYBSrcb2GThLr8Bm/Qn3B+hSh1Bm4kjMcw+VErY4Zxow/dx/rPUZ6EeDaEuaxrnbbfBBvSgJMY6ibAS6WmMe60IngipJzA5jAQRzFadnSG6vQnMQGbAvX/sRsCPcPLRzALuzEjkXH7VjVzl20wYLs0U3h9aLjKziFedVT23Qt4HxMeAzfemg+ixP5aTqMDz0w/4QjefPIXrztovkM9heZRzbjeRfMX2JrlXlkI540aP5Uwpa9Bg8bMH+MtZ2aR4ZkazbVfErNv+aV+FEjwHzQKKSqH9in3hY7LFtZyQEma5i3pVEV4FADAUo1+h6gjJas2Sx6wV7gJI7jWcl1XyX2nnsKBKdxyd+9RAtnZNvrUmN2pwQ4lxP5iJuyN7uIwRDuXW7s2ZQAt8PgufC7k75/NISNW/ytlACPcF/WGaUygXt4kDK4ya/evn5BL/N/8xsyOisJQe1IdQAAAABJRU5ErkJggg==" />
</a>
<a rel="noopener noreferrer" target="_blank" class="github-button js--link" data-label="issue" href="https://github.com/marcomontalbano/speedtest-for-digitalocean/issues" data-icon="octicon-issue-opened" data-show-count="true" aria-label="Issue marcomontalbano/speedtest-for-digitalocean on GitHub">
<img src="https://img.shields.io/github/issues-raw/marcomontalbano/speedtest-for-digitalocean.svg?style=social&label=Issue&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAYAAAAjt+tHAAAABmJLR0QA/wD/AP+gvaeTAAACPklEQVRYheXYX4tNURgG8N8c03A0lBJmvsC40oiZKZTSYGYyvoML4hK3Lty6Em5c+gKUEPk/KVIMRUxpJEn+lFKMGsLFPlu7ddY+++wzc6bw1Htx1nre53n32muv/e7D/46Okvxl2Ip+rEVXbXwWU3iECXyZrwJJihzHhZrRr4KYxXnsUv4C6zCIx02Y5sUkNrZiXMER/JiDeRrfcbCMeRVn58E4jDNYUmTehSsNRKZxDJvRg85a9GBLbe5lg/xzCvbF6ZzEd9hfMytCJw7gfY7W0bzE3TkJ97Am4G7CgyA2BZxe3I/o/cSO0LyKVxHydfH7NhrhjkZ4VdyKcJ9gUZZ4KEJ6huUR0TIFwAq8iPD3poSOHMK2HMGyBZAsecifSicHI5OXG4i1UgBcjeRsqGAsQj5VINYKYppjFQwFgzOSjTPfuIlvwdhQBX3B4GSEOB/4KnmvZNFXwapg8G0bzFO8CX6vrqh/zj+1sYBQu1pRv9wr21hAqD3TiY/ozgyGx24Mn/EwMlaE3uD3B5JnPvtszmBpE2Jl0S1Z7azXxYrkZZNFFTvbUMCI+v12FwbUn1A3CsSGJRsqG8MFObcjPuvTyeeRye0NxMoexSMR/tMsYV+E8Fr9GdFKAb2SsyXk78mSFrofmMbikDwu6Vaa6YgGcC2IgciV53VEubfreCRhwXrCNPlSTmK6dG3titMiTjYQaTVOaG4F/+Cw5Ktmrsalv4yy6MedOZhPYF2r5lmMKf91XNQj4i/5f+Dfxm9zAYZJILNmEQAAAABJRU5ErkJggg==" />
</a>
</p>
<div class="main-content">
<header class="dbr-hero-header uk-block uk-block-large uk-cover-background uk-flex uk-flex-middle uk-contrast">
<a class="js--link github-link" data-label="github" rel="noopener noreferrer" target="_blank" href="https://github.com/marcomontalbano/speedtest-for-digitalocean">
<img src="%PUBLIC_URL%/images/github-logo.svg" alt="GitHub logo" />
<div id="version"></div>
</a>
<div class="uk-container uk-container-center">
<section class="uk-grid uk-grid-match">
<div class="uk-width-medium-1-1">
<div class="uk-panel uk-text-center">
<h1>Speed Test for DigitalOcean</h1>
<h3>Run speed tests for all DigitalOcean datacenters faster than ever.</h3>
<p>
<small>
This tool uses the same service used by <b>speedtest-*.digitalocean.com</b> so the result should be the same.
<br />
<i>
If for some reason this site violates DigitalOcean copyright, please
<a rel="noopener noreferrer" target="_blank" href="https://github.com/marcomontalbano/speedtest-for-digitalocean/issues/new">open an issue</a>.
I'll modify the project accordingly.
</i>
</small>
</p>
<p class="do-account">
<span>need an account?</span>
<a class="js--link" data-label="digitalocean" href="https://m.do.co/c/45b8cffe90f8" rel="noopener noreferrer" target="_blank">
<span><img src="%PUBLIC_URL%/images/DO_Logo_Horizontal_White.png"></span>
</a>
</p>
</div>
</div>
</div>
</section>
</div>
</header>
</section>
</div>
</header>

<div id="root"></div>
</div>

<ul class="footer">
<li><a href="https://github.com/marcomontalbano/speedtest-for-digitalocean">View the code</a></li>
<li><a href="https://github.com/marcomontalbano/speedtest-for-digitalocean/issues/new">Report a bug</a></li>
<li><a href="https://github.com/marcomontalbano/speedtest-for-digitalocean#privacy">Privacy</a></li>
</ul>

<div class="badges">
<a href="https://travis-ci.org/marcomontalbano/speedtest-for-digitalocean">
<img alt="Build Status"
src="https://travis-ci.org/marcomontalbano/speedtest-for-digitalocean.svg?branch=master">
</a>
<a href="https://github.com/marcomontalbano/speedtest-for-digitalocean/stargazers">
<img alt="GitHub stars"
src="https://img.shields.io/github/stars/marcomontalbano/speedtest-for-digitalocean?color=green&style=flat">
</a>
<a href="https://github.com/marcomontalbano/speedtest-for-digitalocean/issues">
<img alt="GitHub issues"
src="https://img.shields.io/github/issues/marcomontalbano/speedtest-for-digitalocean?color=yellow&style=flat">
</a>
<a href="https://beerpay.io/marcomontalbano/speedtest-for-digitalocean">
<img alt="Beerpay" class="beer"
src="https://beerpay.io/marcomontalbano/speedtest-for-digitalocean/badge.svg?style=beer">
</a>
<a href="https://www.paypal.me/marcomontalbano">
<img alt="Paypal Donate"
src="https://img.shields.io/badge/paypal-donate-119fde.svg">
</a>
</div>

<div id="root"></div>

</body>
</html>
@@ -34,18 +34,15 @@ a:hover {
border-bottom: 1px solid;
}

.do-account {
margin-top: 30px;
}
.do-account span, .do-account img {
width: 220px;
}
.do-account a, .do-account a:hover {
border: 0px hidden;
display: inline-block;
margin-left: -50px;
}
.do-account span {
padding-left: 50px;
display: block;
margin: 0 auto;
box-sizing: border-box;
@@ -150,3 +147,49 @@ header h3 {
padding: 25px 0 0;
}
}

.hide-text {
display: inline-block;
text-indent: -9999px;
white-space: nowrap;
}

.main-content {
min-height: calc(100vh - 14px - 45px - 15px - 30px);
}

.footer {
display: flex;
justify-content: center;
width: 100%;
margin: 30px 0 15px;
padding: 0;
text-align: center;
list-style: none;
}

.footer li {
font-size: 14px;
line-height: 14px;
border-left: 1px solid rgba(102, 165, 255, .5);
padding: 0 .6em;
}
.footer li:first-child {
border-left: none;
}

.badges {
margin: 15px;
text-align: center
}
.badges a:hover {
text-decoration: none;
border: none;
}
.badges img {
height: 16px;
}
.badges img.beer {
height: 28px;
vertical-align: sub;
}

0 comments on commit 0da307a

Please sign in to comment.
You can’t perform that action at this time.