Skip to content

Commit 5c947c6

Browse files
committed
moved share-buttons to footer
1 parent 0695c31 commit 5c947c6

File tree

2 files changed

+40
-53
lines changed

2 files changed

+40
-53
lines changed

src/resources/css/scribbler-global.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -399,7 +399,7 @@ input[type=text],[type=email], select, textarea, email {
399399
.footer {
400400
text-align: center;
401401
background-color: var(--primary-color);
402-
padding: 2rem;
402+
padding: 1rem;
403403
color: white;
404404
width: 100%;
405405
bottom: 0;

src/resources/index.html

Lines changed: 39 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -213,62 +213,28 @@ <h1 class="hero__title" itemprop="name" ><span class="hero__title_pre">Open</spa
213213
<p class="hero__description">Read–Eval–Print-Loop</p>
214214
<p class="hero__warning" style="display: none;">Please try in a device with resolution more than 800x480 for best experience.</p>
215215

216-
217-
<!-- code for share buttons start-->
218-
<div id="share-buttons">
219-
220-
221-
<!-- Email -->
222-
<a href="mailto:?Subject=OpenREPL&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 www.openrepl.com">
223-
<img src="./images/mail.svg" alt="Email" />
224-
</a>
225-
226-
<!-- Facebook -->
227-
<a href="http://www.facebook.com/sharer.php?u=www.openrepl.com" target="_blank">
228-
<img src="./images/facebook.svg" alt="Facebook" />
229-
</a>
230-
231-
<!-- LinkedIn -->
232-
<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=www.openrepl.com" target="_blank">
233-
<img src="./images/linkedin.svg" alt="LinkedIn" />
234-
</a>
235-
236-
<!-- Pinterest -->
237-
<a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" target="_top">
238-
<img src="./images/pinterest.svg" alt="Pinterest" />
239-
</a>
240-
241-
<!-- Twitter -->
242-
<a href="https://twitter.com/share?url=www.openrepl.com&amp;text=www.openrepl.com&amp;hashtags=OpenREPL" target="_blank">
243-
<img src="./images/twitter.svg" alt="Twitter" />
244-
</a>
245-
246-
</div>
247-
248-
<!-- code for share buttons end-->
249-
250216
<a class="github-button" id="github-star" href="https://github.com/vickeykumar/openrepl" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star vickeykumar/openrepl on GitHub">Star</a>
251217
<!-- Place this tag where you want the button to render. -->
252218
<a class="github-button" href="https://github.com/sponsors/vickeykumar" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-icon="octicon-heart" aria-label="Sponsor @vickeykumar on GitHub">Sponsor</a>
253219

254220

255221
<div id="optionMenu">
256222
<select class="list" id="optionlist" style="margin:7px;font-size:15px;width:200px;">
257-
<option value="c" data-editor="c_cpp">C</option>
258-
<option value="cpp" data-editor="c_cpp">CPP</option>
259-
<option value="go" data-editor="golang">Go</option>
260-
<option value="yaegi" data-editor="golang">Go-yaegi</option>
261-
<option value="java" data-editor="java">Java</option>
262-
<option value="javascript" data-editor="javascript">JavaScript</option>
263-
<option value="jq-repl" data-editor="json">JSON</option>
264-
<option value="node" data-editor="javascript">NodeJS</option>
265-
<option value="python" data-editor="python">Python</option>
266-
<option value="python2.7" data-editor="python">Python2.7</option>
267-
<option value="ipython3" data-editor="python">IPython3</option>
268-
<option value="irb" data-editor="ruby">Ruby</option>
269-
<option value="perli" data-editor="perl">Perl</option>
270-
<option value="bash" data-editor="sh">bash</option>
271-
<option value="tclsh" data-editor="tcl">Tcl</option>
223+
<option value="c" data-editor="c_cpp">C</option>
224+
<option value="cpp" data-editor="c_cpp">CPP</option>
225+
<option value="go" data-editor="golang">Go</option>
226+
<option value="yaegi" data-editor="golang">Go-yaegi</option>
227+
<option value="java" data-editor="java">Java</option>
228+
<option value="javascript" data-editor="javascript">JavaScript</option>
229+
<option value="jq-repl" data-editor="json">JSON</option>
230+
<option value="node" data-editor="javascript">NodeJS</option>
231+
<option value="python" data-editor="python">Python</option>
232+
<option value="python2.7" data-editor="python">Python2.7</option>
233+
<option value="ipython3" data-editor="python">IPython3</option>
234+
<option value="irb" data-editor="ruby">Ruby</option>
235+
<option value="perli" data-editor="perl">Perl</option>
236+
<option value="bash" data-editor="sh">bash</option>
237+
<option value="tclsh" data-editor="tcl">Tcl</option>
272238
</select>
273239

274240
<div class="widget" id="fork-widget">
@@ -642,14 +608,35 @@ <h3 class="section__title">Share/Collaborate</h3>
642608
</div>
643609

644610
<footer class="footer" id="footer">
611+
<!-- code for share buttons start-->
612+
<div id="share-buttons">
613+
<!-- Email -->
614+
<a href="mailto:?Subject=OpenREPL&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 www.openrepl.com">
615+
<img src="./images/mail.svg" alt="Email" />
616+
</a>
617+
<!-- Facebook -->
618+
<a href="http://www.facebook.com/sharer.php?u=www.openrepl.com" target="_blank">
619+
<img src="./images/facebook.svg" alt="Facebook" />
620+
</a>
621+
<!-- LinkedIn -->
622+
<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=www.openrepl.com" target="_blank">
623+
<img src="./images/linkedin.svg" alt="LinkedIn" />
624+
</a>
625+
<!-- Pinterest -->
626+
<a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" target="_top">
627+
<img src="./images/pinterest.svg" alt="Pinterest" />
628+
</a>
629+
<!-- Twitter -->
630+
<a href="https://twitter.com/share?url=www.openrepl.com&amp;text=www.openrepl.com&amp;hashtags=OpenREPL" target="_blank">
631+
<img src="./images/twitter.svg" alt="Twitter" />
632+
</a>
633+
</div>
634+
<!-- code for share buttons end-->
645635
<a href="about.html" class="link link--light" target="_blank">About</a> <span class="dot"></span>
646636
<a href="references.html" class="link link--light" target="_blank">References</a> <span class="dot"></span>
647637
<span id="copyright_year">
648638
<script>document.getElementById('copyright_year').appendChild(document.createTextNode(new Date().getFullYear()))</script>
649639
</span>&copy;<span class="go__color">Open</span>REPL
650-
<div>
651-
<div style="position: sticky; bottom: 0; right: 0; border: 0; font-size: 10px;" align="right">Template by <a href="https://themewagon.com" class="link link--light" target="_blank">ThemeWagon</a></div>
652-
</div>
653640
</footer>
654641
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
655642
<script>hljs.initHighlightingOnLoad();</script>

0 commit comments

Comments
 (0)