mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

update to css

Browse Source
pull/3094/head
Rob Stupay 6 years ago committed by yann300
parent d548c551f5
commit 7921aed832
1 changed files with 83 additions and 44 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 109
      src/app/ui/landing-page/landing-page.js

109
src/app/ui/landing-page/landing-page.js
Unescape View File

@ -40,17 +40,50 @@ let css = csjs`
width : 100%; width : 100%;
font-size : xx-large; font-size : xx-large;
align-self : center; align-self : center;
} }
.text { .text {
cursor: pointer; cursor: pointer;
font-weight: normal; font-weight: normal;
max-width: 300px; max-width: 300px;
user-select: none; user-select: none;
color: var(--primary);
} }
.text:hover { .text:hover {
font-weight: bold; text-decoration: underline;
}
.jumbotronContainer {
margin: 0 60px;
width: 80%;
}
.thisJumboton {
padding: 2.5rem 5rem;
}
.hpLogoContainer {
margin:30px;
padding-right: 90px;
}
.jumboBtnContainer {
float: left;
vertical-align: bottom;
padding-top: 0px;
}
.headlineContainer {
float: left;
padding-right: 90px;
}
.hpSections {
margin: 0 60px;
}
.solidityBtn {
margin-right: 40px;
} }
.labelIt {
margin-bottom: 0;
}
.seeAll {
margin-top: 7px;
}
} }
` `
@ -158,27 +191,32 @@ export class LandingPage extends BaseApi {
let importFromExternal = () => { load('URL') } let importFromExternal = () => { load('URL') }
let container = yo`<div> let container = yo`<div>
<div><img src="${logo}" style="height:45px;" alt="Remix logo" /></div> <div class="${css.hpLogoContainer}"><img src="${logo}" style="height:45px;" alt="Remix logo" /></div>
<div> <div class="${css.jumbotronContainer}">
<div class="jumbotron"> <div class="jumbotron clearfix ${css.thisJumboton}">
<h1 class="display-4">The New Layout has arrived</h1> <div class="${css.headlineContainer}">
<button class="btn btn-primary btn-lg" href="#" onclick=${() => { learnMore() }} role="button">Learn more</button> <h3 class="">The new layout has arrived</h3>
</div> </div>
<div class="${css.jumboBtnContainer}">
<button class="btn btn-info btn-lg" href="#" onclick=${() => { learnMore() }} role="button">Learn more</button>
</div> </div>
<div class="row"> </div><!-- end of jumbotron -->
<div class="col-sm-6"> </div><!-- end of jumbotron container -->
<div class="environment"> <div class="row ${css.hpSections}">
<h3>Environments</h3> <div id="col1" class="col-sm-6">
<div class="environment mb-5">
<h4>Environments</h4>
<div> <div>
<button class="btn btn-lg btn-primary" onclick=${() => { startSolidity() }}>Solidity</button> <button class="btn btn-lg btn-secondary ${css.solidityBtn}" onclick=${() => { startSolidity() }}>Solidity</button>
<button class="btn btn-lg btn-primary" onclick=${() => { startVyper() }}>Vyper</button> <button class="btn btn-lg btn-secondary" onclick=${() => { startVyper() }}>Vyper</button>
</div> </div>
</div> </div>
<div class="file"> <div class="file">
<h3>File</h3> <h4>File</h4>
<p onclick=${() => { createNewFile() }}><a>New File</a></p> <p class="mb-1 ${css.text}" onclick=${() => { createNewFile() }}>New File</p>
<label class="${css.text} m-0 h6 text-dark"> <p class="mb-1">
Open files <label class="${css.labelIt} ${css.text}">
Open Files
<input title="open file" type="file" onchange="${ <input title="open file" type="file" onchange="${
(event) => { (event) => {
event.stopPropagation() event.stopPropagation()
@ -187,27 +225,28 @@ export class LandingPage extends BaseApi {
} }
}" multiple /> }" multiple />
</label> </label>
<p onclick=${() => { connectToLocalhost() }}><a>Connect to Localhost</a></p> </p>
<p onclick=${() => { importFromExternal() }}><a>Import From external source</a></p> <p class="mb-1 ${css.text}" onclick=${() => { connectToLocalhost() }}>Connect to Localhost</p>
</div> <p class="mb-1 ${css.text} onclick=${() => { importFromExternal() }}">Import From external source</p>
</div> </div><!-- end of div.file -->
<div class="col-sm-6"> </div><!-- end of #col1 -->
<div class="plugins"> <div id="col2" class="col-sm-6">
<h3>Featured Plugins</h3> <div class="plugins mb-5">
<p onclick=${() => { startPipeline() }}>Pipeline</p> <h4>Featured Plugins</h4>
<p onclick=${() => { startDebugger() }}>Debugger</p> <p class="mb-1 ${css.text}" onclick=${() => { startPipeline() }}>Pipeline</p>
<button onclick=${() => { startPluginManager() }} class="btn btn-lg btn-primary">see all<i class="fa fa-plug" ></i></button> <p class="mb-1 ${css.text}" onclick=${() => { startDebugger() }}>Debugger</p>
<p class="mb-1"><button onclick=${() => { startPluginManager() }} class="btn btn-sm btn-info ${css.seeAll}">See all Plugins <i class="fa fa-plug" ></i></button></p>
</div> </div>
<div class="resources"> <div class="resources">
<h3>Resources</h3> <h4>Resources</h4>
<p><a target="__blank" href="https://remix.readthedocs.io/en/latest/#">Documentation</a></p> <p class="mb-1"><a class="${css.text}" target="__blank" href="https://remix.readthedocs.io/en/latest/#">Documentation</a></p>
<p><a target="__blank" href="https://gitter.im/ethereum/remix">Gitter channel</a></p> <p class="mb-1"><a class="${css.text}" target="__blank" href="https://gitter.im/ethereum/remix">Gitter channel</a></p>
<p><a target="__blank" href="https://medium.com/remix-ide">Medium Posts</a></p> <p class="mb-1"><a class="${css.text}" target="__blank" href="https://medium.com/remix-ide">Medium Posts</a></p>
<p><a target="__blank" href="">Tutorials</a></p> <p class="mb-1"><a class="${css.text}" target="__blank" href="">Tutorials</a></p>
<p><a target="__blank" href="">Workshops Slides</a></p> <p class="mb-1"><a class="${css.text}" target="__blank" href="">Workshops Slides</a></p>
</div>
</div>
</div> </div>
</div><!-- end of #col2 -->
</div><!-- end of hpSections -->
</div>` </div>`
return container return container

Write Preview
Loading…
Cancel
Save