...
 
Commits (12)
......@@ -2,4 +2,6 @@ _site
.sass-cache
.jekyll-cache
.jekyll-metadata
.bundle
vendor
Gemfile.lock
This diff is collapsed.
# image:
# (Paste the image in assets/img/students [480*480px] and add the file name here.)
# name: Your_Name
# country: Your_Country
# github: Your_Github_Username
# (Copy your username from your profile URL; https://github.com/{{ student.github }} )
# twitter:
# (Copy your username from your profile URL; https://twitter.com/{{ student.twitter }} )
# facebook:
# (Copy your username from your profile URL; https://www.facebook.com/{{ student.facebook }} )
# color: btn-warning
# (Add one of your facourite colour from following.)
# (If you can choose the colour matched to your photo)
# if orange --> btn-warning
# if green --> btn-success
# if violet --> btn-primary
# if white --> btn-secondary
# if blue --> btn-info
# if red --> btn-danger
# if ash --> btn-light
# if black --> btn-dark
# if dark-blue --> btn-default
# image:
# (Paste the image in assets/img/students [480*480px] and add the file name here.)
# name: Your_Name
# country: Your_Country
# github: Your_Github_Username
# (Copy your username from your profile URL; https://github.com/{{ student.github }} )
# twitter:
# (Copy your username from your profile URL; https://twitter.com/{{ student.twitter }} )
# facebook:
# (Copy your username from your profile URL; https://www.facebook.com/{{ student.facebook }} )
# color: btn-warning
# (Add one of your facourite colour from following.)
# (If you can choose the colour matched to your photo)
# if orange --> btn-warning
# if green --> btn-success
# if violet --> btn-primary
# if white --> btn-secondary
# if blue --> btn-info
# if red --> btn-danger
# if ash --> btn-light
# if black --> btn-dark
# if dark-blue --> btn-default
- image: supun_tharinda
name: Supun Tharinda
......@@ -38,9 +37,17 @@
facebook: kumuthditha.karunarthna
color: btn-success
- image: MuhammadWasif
name: Muhammad Wasif
country: Pakistan
github: MuhammadWasif
twitter: m_wasif_
color: btn-secondary
- image: kingpin(prakhargurunani)
name: Prakhar Gurunani
country: India
github: prakhargurunani
twitter: PrakharGurunani
color: btn-default
\ No newline at end of file
color: btn-default
$(function () {
$.ajax({
type: 'get',
url: 'https://gitlab.com/api/v4/projects/fossasia%2Fgci19-fossasia-org/repository/contributors',
dataType: 'json',
success: function (data) {
// render contributors with mustache
let content = Mustache.render($("#contributors-template").html(), {"contributors": data});
// add rendered content inside <div id="contributors"> </div>
$('#contributors').html(content);
}
})
});
\ No newline at end of file
......@@ -230,19 +230,18 @@
<a href="#pablo">
<!--Add Your project image here-->
<img class="img img-fluid rounded shadow img-full img-raised"
src="https://dummyimage.com/320x200/c2c2c2/000000.jpg">
src="assets/img/blogs/diving_into_open_source.png">
</a>
</div>
</div>
<div class="card-body">
<h4 class="heading">
<a href="#pablo">Project 1</a>
<a href="#pablo">Blog - Diving into the World of Open Source</a>
</h4>
<p><strong>Student name</strong></p>
<p><strong>Muhammad Wasif</strong></p>
<p class="card-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
<a href="#pablo"> Read More </a>
Hey there, before saying anything, let me introduce myself. I’m Muhammad Wasif, a 17 years old student from Pakistan. I started coding about two years ago. I taught myself front end web development with React.
<a href="https://wordpress.com/read/feeds/90788618/posts/2507378609"> Read More </a>
</p>
</div>
</div>
......@@ -346,7 +345,14 @@
</div>
</div>
</section>
</div>
<section class="section section-primary">
<h2 class="display-3 text-center mb-5">Contributors
<p class="lead text-center">People who have made contributions to gci19.fossasia.org</p>
</h2>
<div class="container">
<div id="contributors"></div>
</div>
</section>
</div>
</main>
<!-- Core -->
......@@ -356,6 +362,34 @@
<script src="./assets/vendor/headroom/headroom.min.js"></script>
<!-- Argon JS -->
<script src="./assets/js/argon.js?v=1.1.0"></script>
<!-- Mustache -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.0.1/mustache.js"></script>
<!--External JS file-->
<script src="./assets/js/pages/index.js"></script>
<!-- Template to render -->
<script type="text/html" id="contributors-template">
{% raw %}
<div class="row">
{{#contributors}}
<div class="col-md-4 mb-3">
<div class="card shadow">
<div class="card-body">
<h5>{{name}}</h5>
<div class="mb-2">
<span class="badge badge-pill badge-success">Additions {{additions}} </span>
<span class="badge badge-pill badge-danger">Deletions {{deletions}}</span>
</div>
<p class="mb-2">{{commits}} commits</p>
<a href="mailto:{{email}}" class="btn btn-twitter btn-icon-only rounded-circle btn-icon-rounded">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
</div>
{{/contributors}}
</div>
{% endraw %}
</script>
</body>
</html>