bobwen-dev/react-templates
1
0
Fork 0
mirror of https://github.com/bobwen-dev/react-templates synced 2025-04-12 00:56:39 +02:00
Code Issues Releases Wiki Activity

added "fork me on github" ribbon

Browse Source
This commit is contained in:
Omer Ganim 2014-12-31 18:32:23 +02:00
parent 42c19432d0
commit f7df9a82b5
3 changed files with 61 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/github-fork-me.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

14
index.html
View File

@ -30,7 +30,8 @@
<div class="nav-main">
<div class="wrap">
<a class="nav-home" href="index.html">
<img class="nav-logo" src="https://wix.github.io/react-templates/img/logo-rt.svg" width="56" height="24">
<img class="nav-logo" src="https://wix.github.io/react-templates/img/logo-rt.svg" width="56"
height="24">
<span>React Templates</span>
</a>
<ul class="nav-site">
@ -41,6 +42,10 @@
</ul>
</div>
</div>
<a href="https://github.com/wix/react-templates">
<img style="position: fixed; top: 0; right: 0; border: 0; z-index: 101" src="img/github-fork-me.png"
alt="Fork me on GitHub">
</a>
<div class="hero">
<div class="wrap">
@ -58,7 +63,9 @@
<section class="love-list">
<ul>
<li>No runtime libraries. No magic. Just simple pre-compilation to a clear React code</li>
<li>Super easy to write panels. By panels we mean components that have a lot of HTML code and non-reusable logic</li>
<li>Super easy to write panels. By panels we mean components that have a lot of HTML code and
non-reusable logic
</li>
<li>Very good separation of presentation and logic. Almost no HTML within the component file</li>
<li>Declarative coding for presentation. HTML that you write and inspect look similar</li>
<li>Easy syntax. Similar to HTML. All IDEs recognize this format</li>
@ -83,7 +90,8 @@
<!--<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.js"></script>-->
<!--http://requirejs.org/docs/release/2.1.15/minified/require.js-->
<script data-main="playground/home-main.js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.min.js"></script>
<script data-main="playground/home-main.js"
src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.min.js"></script>
<!--<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.min.js"></script>-->
<!--<script src="playground/dist/home.min.js"></script>-->
</body>

10
playground/css/home.css
View File

@ -487,6 +487,7 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
border: 1px solid #ddd;
border-width: 1px 0 1px 0;
}
.love-list ul {
margin: 0;
padding: 0;
@ -1207,5 +1208,10 @@ footer span {
background-position: 0 -188px;
}
.img-fork-github {
position: fixed;
top: 0;
right: 0;
border: 0;
z-index: 101
}