From 07dc24791b51d6d3c64950e6f2b17ebe1a242fda Mon Sep 17 00:00:00 2001 From: KVGarg Date: Wed, 13 Feb 2019 21:07:06 +0530 Subject: [PATCH] contributors.html: Add bootstrap card design This enhancement commit shows the contributor's data on [contributors](http://community.coala.io/contributors/) web-page in a bootstrap card design form. Closes #140 --- static/main.css | 61 +++++++++++++++++++++++++++++++++++++ templates/contributors.html | 60 ++++++++++++++++++++++++------------ 2 files changed, 101 insertions(+), 20 deletions(-) diff --git a/static/main.css b/static/main.css index d2f410e3..e0702920 100644 --- a/static/main.css +++ b/static/main.css @@ -1,3 +1,56 @@ +.bio { + padding: 2rem 0rem; + height: 45%; +} + +.card .card-action { + background-color: #263238; + color:white; + height: 300px; + padding: 10px; +} + +.contributor-card { + width: 300px; +} + +.contributor-image { + margin-top: -5rem; + border-radius: 100%; + max-width:40%; +} + +.contributors { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.data { + background-color: #263238; + height: 300px; + padding: 10px; +} + +.empty { + background-color: #eceff1; + height: 5em; +} + +.github-icon { + display: inline-block; + float: right; +} + +.icon { + font-size:30px; + color: black; +} + +.stats { + margin: 1rem 0rem; +} + .student { padding-bottom: 20px; } @@ -5,3 +58,11 @@ .students { list-style: none; } + +.tiny-label { + font-size: 12px; + letter-spacing: 0.1em; + text-align: center; + font-weight: 500; + opacity: 0.2; +} \ No newline at end of file diff --git a/templates/contributors.html b/templates/contributors.html index 32abe1a6..1b167a8a 100644 --- a/templates/contributors.html +++ b/templates/contributors.html @@ -1,40 +1,60 @@ +{% load staticfiles %} - + + + Contributors Data

Details of all the contributors