Make GitHub buttons functional in editor section

This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-03-20 14:13:33 +01:00
parent da1d79479f
commit 40284ed43f
2 changed files with 30 additions and 4 deletions

View File

@@ -78,12 +78,31 @@
</p>
</div>
<div class="row">
<p class="col-12">
<img class="editor__github" src="img/features/github_buttons.png" alt="GitHub buttons">
</p>
<div class="col-12">
<div class="editor__github">
<p class="editor__github-button">
<a class="github-button"
href="https://github.com/bartlomiej-pluta/forkio/subscription"
data-icon="octicon-eye" data-size="large" data-show-count="true"
aria-label="Watch bartlomiej-pluta/forkio on GitHub">Watch</a>
</p>
<p class="editor__github-button">
<a class="github-button"
href="https://github.com/bartlomiej-pluta/forkio"
data-icon="octicon-star" data-size="large" data-show-count="true"
aria-label="Star bartlomiej-pluta/forkio on GitHub">Star</a>
</p>
<p class="editor__github-button">
<a class="github-button"
href="https://github.com/bartlomiej-pluta/forkio/fork"
data-icon="octicon-repo-forked" data-size="large" data-show-count="true"
aria-label="Fork bartlomiej-pluta/forkio on GitHub">Fork</a>
</p>
</div>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
@@ -162,6 +181,7 @@
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script src="js/script.js"></script>
</body>
</html>

View File

@@ -21,4 +21,10 @@
.editor__github {
margin: 40px;
display: flex;
justify-content: center;
}
.editor__github-button {
margin: 7px;
}