LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #24 from zachherbert/zach-edits 

Edits to copy and formatting
This commit is contained in:
Karol Wypchło 2020-02-18 04:23:30 -05:00 committed by GitHub
parent a9f01daf8e 30ddd5e478
commit 4f2e386abb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 47 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/sia-skynet/src/components/Footer/Footer.js
View File

@ -21,7 +21,7 @@ export default function Footer() {
<div className="footer-column"> <div className="footer-column">
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<h2>Skynet webportals</h2> <h2>Skynet Webportals</h2>
<ul> <ul>
<li> <li>
@ -88,16 +88,16 @@ export default function Footer() {
<ul> <ul>
<li> <li>
<a href="https://sia.tech/" target="_blank" rel="noopener noreferrer"> <a href="https://sia.tech/" target="_blank" rel="noopener noreferrer">
Sia <Arrow /> Sia.tech <Arrow />
</a> </a>
</li> </li>
<li> <li>
<a href="https://angel.co/company/nebulous/jobs" target="_blank" rel="noopener noreferrer"> <a href="https://jobs.lever.co/nebulous" target="_blank" rel="noopener noreferrer">
Jobs <Arrow /> Jobs <Arrow />
</a> </a>
</li> </li>
<li> <li>
<a href="https://support.sia.tech" target="_blank" rel="noopener noreferrer"> <a href="https://support.siasky.net" target="_blank" rel="noopener noreferrer">
Support <Arrow /> Support <Arrow />
</a> </a>
</li> </li>
@ -107,7 +107,7 @@ export default function Footer() {
<div className="footer-column"> <div className="footer-column">
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<h2>Stay up-to-date with Skynet updates</h2> <h2>Stay up to date with Skynet updates</h2>
<Mailing id="check2" light /> <Mailing id="check2" light />
</Fade> </Fade>
</div> </div>

44
packages/sia-skynet/src/components/HomeNetwork/HomeNetwork.js
View File

@ -86,23 +86,20 @@ export default class HomeNetwork extends Component {
<div className="home-network-column left"> <div className="home-network-column left">
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<p> <p>
Skynet Webportal is a low cost server that sits between Skynet <strong>Skynet Webportals</strong> are low cost servers that sit between Skynet
and everyday users, enabling them to access Skynet content and everyday users, enabling them to access Skynet content
without needing to operate any special software. Once the without needing to operate any special software. As
Skylinks are generated, they can be shared with anyone to fetch Skylinks are generated, they can be shared with anyone to retrieve
data from Skynet. The original uploader does not need to stay data from any Webportal. The original uploader does not need to stay
online in order for the file to remain available. The Sia online in order for the file to remain available. The Sia network
network handles all of the pinning, guaranteeing both high serves as the backend storage layer for Skynet and handles all
speeds and excellent uptime. A typical Skynet download starts in of the pinning, guaranteeing both high speeds and excellent uptime.
under 500 milliseconds and can stream at rates as high as 1
gigabit per second. The Sia network serves as the backend
storage layer for Skynet.
</p> </p>
</Fade> </Fade>
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<p> <p>
Sia is the leading decentralized cloud storage platform. No <strong>Sia</strong> is the leading decentralized cloud storage platform. No
signups, no servers, no trusted third parties. Sia leverages signups, no servers, no trusted third parties. Sia leverages
blockchain technology to create a data storage marketplace that blockchain technology to create a data storage marketplace that
is more robust and more affordable than traditional cloud is more robust and more affordable than traditional cloud
@ -112,7 +109,7 @@ export default class HomeNetwork extends Component {
</p> </p>
<p> <p>
<a className="more" href="https://sia.tech/"> <a className="more" href="https://sia.tech/" target="_blank" rel="noopener noreferrer">
Learn more about Sia Learn more about Sia
</a> </a>
</p> </p>
@ -122,15 +119,21 @@ export default class HomeNetwork extends Component {
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<FAQ title="How do I use Skynet?"> <FAQ title="How do I use Skynet?">
<p> <p>
Anyone can access files that have been uploaded to Sia as long as they possess the corresponding skylink. You can use one of the webportals to download the files. <a href="https://skynet.helpdocs.io/article/3p9z5g9s0e-skynet-how-to" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a> Anyone can access files that have been uploaded to Skynet as long
as they possess the corresponding Skylinks. You can use any Webportal
to download files!
<a href="https://skynet.helpdocs.io/article/3p9z5g9s0e-skynet-how-to" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a>
</p> </p>
</FAQ> </FAQ>
</Fade> </Fade>
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<FAQ title="How do I integrate Skynet into applications?"> <FAQ title="How do I integrate Skynet into my app?">
<p> <p>
Applications can be deployed in under a minute and be immediately available globally. Skynet has an API as well as SDKs which integrate seamlessly with existing applications. <a href="https://skynet.helpdocs.io/article/hrshqsn9wz-integrating-skynet" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a> Applications can be deployed in under a minute and be immediately
available globally. Skynet includes an API and SDKs which integrate
seamlessly with existing applications.
<a href="https://skynet.helpdocs.io/article/hrshqsn9wz-integrating-skynet" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a>
</p> </p>
</FAQ> </FAQ>
</Fade> </Fade>
@ -138,21 +141,24 @@ export default class HomeNetwork extends Component {
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<FAQ title="How fast is Skynet?"> <FAQ title="How fast is Skynet?">
<p> <p>
Skynet has speeds that surpass any current decentralized tech. A typical throughput for larger downloads is around 1 gigabit per second. <a href="https://skynet.helpdocs.io/article/430teoxgqc-skynet-speed" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a> Skynet's speeds rival centralized providers and surpass all decentralized offerings.
A typical Skynet download starts in under 500 ms and can stream at rates as high as 1 Gbps!
<a href="https://skynet.helpdocs.io/article/430teoxgqc-skynet-speed" target="_blank" rel="noopener noreferrer" className="more read-mode">read more</a>
</p> </p>
</FAQ> </FAQ>
</Fade> </Fade>
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<FAQ title="How expensive is using Skynet?"> <FAQ title="How much does it cost to run a Webportal?">
<p> <p>
Storage costs are as much as 10x lower than traditional infrastructure, bandwidth costs as much as 100x lower, all without sacrificing performance or reliability. Storage costs 10x lower than centralized providers and bandwidth costs are 100x lower –
without sacrificing performance or reliability.
</p> </p>
</FAQ> </FAQ>
</Fade> </Fade>
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<a className="more more-faq" href="https://support.sia.tech/"> <a className="more more-faq" href="https://support.siasky.net" target="_blank">
View more FAQ View more FAQ
</a> </a>
</Fade> </Fade>

6
packages/sia-skynet/src/components/HomeSamples/HomeSamples.js
View File

@ -20,9 +20,9 @@ export default function HomeSamples() {
<div className="home-samples"> <div className="home-samples">
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<p> <p>
Skynet has SDKs for popular programming languages which integrate Skynet includes SDKs for popular programming languages that integrate
seamlessly with existing applications. Above are a few code snippets seamlessly with your existing apps. Above are some code snippets
for uploading and downloading data from Skynet. for uploading and retrieving data.
</p> </p>
</Fade> </Fade>

2
packages/sia-skynet/src/components/HomeSamples/HomeSamples.scss
View File

@ -15,7 +15,7 @@
@media (min-width: $largebp) { @media (min-width: $largebp) {
font-size: 18px; font-size: 18px;
max-width: 560px; max-width: 500px;
} }
} }

6
packages/sia-skynet/src/components/HomeTop/HomeTop.js
View File

@ -10,11 +10,11 @@ export default function HomeTop() {
<div className="home-top"> <div className="home-top">
<Skynet className="logo" /> <Skynet className="logo" />
<h1 className="fadeInUp delay2">Build the Future Web.</h1> <h1 className="fadeInUp delay2">Build a Free Internet.</h1>
<p className="fadeInUp delay3"> <p className="fadeInUp delay3">
Skynet is a decentralized file sharing and content distribution The decentralized CDN and file sharing platform for devs.
protocol. Skynet is the storage foundation for a Free Internet!
</p> </p>
<Deco1 className="deco-1 fadeInUp delay6" /> <Deco1 className="deco-1 fadeInUp delay6" />

2
packages/sia-skynet/src/components/HomeTop/HomeTop.scss
View File

@ -32,7 +32,7 @@
} }
p { p {
font-size: 20px; font-size: 21px;
line-height: 1.33; line-height: 1.33;
max-width: 560px; max-width: 560px;
margin: 0 auto; margin: 0 auto;

12
packages/sia-skynet/src/components/HomeUpload/HomeUpload.js
View File

@ -40,7 +40,7 @@ export default class HomeUpload extends Component {
try { try {
const fd = new FormData() const fd = new FormData()
fd.append('file', file) fd.append('file', file)
const uuid = shortid.generate(); const uuid = shortid.generate();
const response = await fetch(`/skynet/skyfile/${uuid}`, { method: 'POST', body: fd }) const response = await fetch(`/skynet/skyfile/${uuid}`, { method: 'POST', body: fd })
const { skylink } = await response.json() const { skylink } = await response.json()
@ -79,8 +79,8 @@ export default class HomeUpload extends Component {
{...getRootProps()} {...getRootProps()}
> >
<span className="home-upload-text"> <span className="home-upload-text">
<h3>Pin a File</h3> <h3>Upload your Files</h3>
Drag &amp; drop your file(s) here to pin Drop your files here to pin to Skynet
</span> </span>
<Button iconLeft> <Button iconLeft>
<Folder /> <Folder />
@ -96,7 +96,7 @@ export default class HomeUpload extends Component {
<div className="home-upload-retrieve"> <div className="home-upload-retrieve">
<div className="home-upload-text"> <div className="home-upload-text">
<h3>Have a Skylink?</h3> <h3>Have a Skylink?</h3>
<p>Enter the ID to retrieve the file</p> <p>Paste the link to retrieve your file</p>
<form className="home-upload-retrieve-form" onSubmit={this.handleSkylink}> <form className="home-upload-retrieve-form" onSubmit={this.handleSkylink}>
<input name="skylink" type="text" placeholder="sia://" /> <input name="skylink" type="text" placeholder="sia://" />
@ -118,8 +118,8 @@ export default class HomeUpload extends Component {
</div> </div>
<p className="bottom-text fadeInUp delay5"> <p className="bottom-text fadeInUp delay5">
Once a file has been uploaded, a 46 byte link called a 'Skylink' is generated. That link can then be shared Upon uploading a file, Skynet generates a 46 byte link called a <strong>Skylink</strong>. This link can then be shared
with anyone to fetch the file from Skynet. with anyone to retrieve the file on any Skynet Webportal.
</p> </p>
<Deco3 className="deco-3 fadeInUp delay6" /> <Deco3 className="deco-3 fadeInUp delay6" />

6
packages/sia-skynet/src/components/HomeUpload/HomeUpload.scss
View File

@ -5,13 +5,13 @@
.bottom-text { .bottom-text {
color: $lightGray; color: $lightGray;
font-size: 13px; font-size: 16px;
text-align: center; text-align: center;
max-width: 670px; max-width: 590px;
margin: 25px auto 0; margin: 25px auto 0;
@media (min-width: $largebp) { @media (min-width: $largebp) {
font-size: 14px; font-size: 16px;
} }
} }
} }