Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add nodes landing #7

Merged
merged 2 commits into from
Apr 15, 2021
Merged

Add nodes landing #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2c0105d
add nodes landing
Apr 14, 2021
ff561a8
change navigation names
Apr 14, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _includes/main.liquid
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,8 +127,8 @@
src="/chainlink-developers.svg"
loading="lazy" style="height:40px;width:176px;max-width:176px" alt="Chainlink Developers"></a>
<span style="flex-grow:1;"></span>
<div><a href="/contracts">Smart Contracts</a></div>
<div><a href="/chainlink-nodes">Chainlink Nodes</a></div>
<div><a href="/contracts">Contract Developers</a></div>
<div><a href="/chainlink-nodes">Node Operators</a></div>

<span style="flex-grow:1;"></span>

Expand Down
337 changes: 336 additions & 1 deletion chainlink-nodes.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,339 @@
layout: nodes.liquid
date: Last Modified
---
Welcome to the Chainlink Node operator portal.

<div>
<h3>Welcome to Chainlink Node Operators!</h3>
<div class="markdown-body">
<div class="row center cl-section cl-section--one">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-featuredcard">
<img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e7898724c71bddf6749df17_DeFi2.svg"
class="cl-image-featured"
/>
<h3>Set Up a Chainlink Node</h3>
<p>Run your own node on a local machine or remote server.</p>
<a
href="/docs/running-a-chainlink-node"
class="cl-button--ghost"
>Learn More
</a>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-featuredcard">
<img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e7898724c71bd62c149df16_Example.svg"
class="cl-image-featured"
/>
<h3>Filfill Your First Job Request</h3>
<p>
Deploy an Oracle contract and make job requests to your node.
</p>
<a
href="/docs/fulfilling-requests"
class="cl-button--ghost"
>Learn More
</a>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-featuredcard">
<img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e7894ddbc6262c7a18da684_RequestSmall.svg"
class="cl-image-featured"
height="50"
/>
<h3>Add External Adapters</h3>
<p>
Bring high-quality data and premium web APIs to contract developers.
</p>
<a
href="/docs/node-operators"
class="cl-button--ghost"
>Learn More
</a>
</div>
</div>
</div>
<div class="cl-section">
<img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e789d70c115820a2354f2cc_ChainlinkProject.svg"
class="cl-image-featured"
/>
<h3>New to Chainlinks Nodes?</h3>
<p>
Learn the best security and operating practices for node operators
</p>
<a
href="/docs/chainlink-nodes"
class="keychainify-checked"
>Learn More</a
>
</div>
<div class="cl-section">
<div class="cl-box cl-box__lightblue">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="cl-featuredcard">
<h3>Core Adapters</h3>
<p>
Explore tasks that need to be performed to complete defined job
</p>
<a
href="/docs/adapters"
class="cl-button--ghost"
>Learn More</a
>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="cl-featuredcard">
<h3>Core Initiators</h3>
<p>
Find types of conditions that initiate job requests
</p>
<a
href="/docs/initiators"
class="cl-button--ghost"
>Learn More</a
>
</div>
</div>
</div>
</div>
</div>
<div class="cl-section cl-section--tools">
<h3>Explore Chainlink Node Tools</h3>
<div class="row center cl-section">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-productcard">
<a
href="https://explorer.chain.link/"
target="_blank"
class="fill-div"
>
<img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e711676c0d8d9ee70422688_Explorer.svg"
class="cl-image-featured"
/>
<h4>Chainlink Explorer ↗</h3>
</a>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-productcard">
<a
href="https://market.link"
target="_blank"
class="fill-div"
><img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e711675d22595473f1c0c20_Contract.svg"
class="cl-image-featured"
/>
<h4>Chainlink Market ↗</h3>
</a>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="cl-productcard">
<a
href="https://reputation.link/"
target="_blank"
class="fill-div"
><img
src="https://uploads-ssl.webflow.com/5e444500cbc42eeb5198206f/5e711677c777c0bd0c747109_Nodes.svg"
class="cl-image-featured"
/>
<h4>Chainlink Oracle Reputation ↗</h3>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cl-box cl-box-blue">
<h2 style="margin-top: 0px !important">Still have questions?</h2>
<p>Find answers to our most commonly asked questions.</p>
<div class="rowcenter" style="margin-top: 24px !important">
<a
href="/docs/faq"
class="cl-button--ghost cl-button--ghost--white"
>FAQ</a
>
<a
href="https://discord.gg/2YHSAey"
class="cl-button--ghost cl-button--ghost--white"
>Discord</a
>
<a
href="https://github.com/smartcontractkit/chainlink"
class="cl-button--ghost cl-button--ghost--white"
>Github</a
>
</div>
<h3>中文开发者社区</h3>
<img
src="https://files.readme.io/f639125-qr.png"
title="qr.png"
height="auto"
width="30%"
/>
</div>
</div>


<style>
.row {
display: flex;
flex: 0 0 auto;
}
.center {
align-items: center;
}
.cl-section {
padding: 0 0 48px;
justify-content: center;
align-content: space-between;
}
.markdown-body .cl-section {
padding: 0 0 48px;
text-align: center;
}
.markdown-body img {
box-sizing: content-box;
display: inline-block;
vertical-align: middle;
max-width: 48px;
margin-left: auto;
margin-right: auto;
border-style: none;
outline: none !important;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-4 {
flex-basis: 32%;
max-width: 32%;
margin-right: 10px;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-md-6 {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin-right: 10px;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.cl-section--one{
margin-top: 30px;
}
/* feature-card */
.cl-featuredcard {
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
text-align: center;
-webkit-box-direction: normal;
padding: 24px;
padding-bottom: 48px;
padding-top: 48px;
width: 100%;
border-radius: 8px;
border: 1px solid #dee7fc;
position: relative;
box-sizing: border-box;
height: 380px;
}
.cl-featuredcard h3 {
font-size: 1.25em;
font-weight: 600;
}
.cl-featuredcard a.cl-button--ghost {
display: inline-block;
padding: 8px;
padding-left: 20px;
padding-right: 20px;
border: 2px solid #375bd2;
margin: .3em .3em .3em 0;
border-radius: 6px;
box-sizing: border-box;
text-decoration: none!important;
color: #375bd2;
text-align: center;
transition: all .2s;
transform: translateX(-50%);
bottom: 45px;
position: absolute;
width: 80%;
}
.cl-featuredcard a.cl-button--ghost:hover {
color: #fff;
background-color: #375bd2;
}
.cl-section--one .cl-featuredcard .cl-button--ghost {
transform: translateX(-50%);
bottom: 30px;
position: absolute;
width: 80%;
}
/* cl-box */
.cl-box {
width: 100%;
height: auto;
margin-top: 0;
text-align: center;
padding: 56px 80px;
border-radius: 16px;
}
.cl-box__lightblue {
background-color: #f5f7fe;
}
.cl-box-blue {
background-color: #375bd2;
border-radius: 16px;
color: #fff;
}
/* buttons */
.cl-button--ghost--white {
border: 2px solid #fff;
color: #fff;
display: inline-block;
padding: 8px;
padding-left: 20px;
padding-right: 20px;
margin: .3em .3em .3em 0;
border-radius: 6px;
box-sizing: border-box;
text-decoration: none!important;
text-align: center;
transition: all .2s;
}
.cl-button--ghost--white:hover {
color: #375bd2;
background-color: #fff;
}
/* productcard */
.cl-productcard {
padding: 16px;
padding-top: 32px;
width: 100%;
border-radius: 8px;
border: 0 solid #dee7fc;
background-color: #fff;
transition: all .2s;
}
.cl-productcard:hover {
background-color: #f5f7fe;
cursor: pointer;
}
</style>