Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hemangsk/css #297

Merged
merged 7 commits into from
May 24, 2017
+109 −630
Merged

Hemangsk/css #297

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
43b8a2b
index.html: Add coala CSS CDN link
hemangsk May 23, 2017
b1336d2
.coafile: Remove InvalidLinkBear
hemangsk May 23, 2017
70a1819
index.html: Use MaterialzeCSS columns and coalaCSS classes
hemangsk May 23, 2017
a3d6282
faq.html: Remove container-fluid class
hemangsk May 23, 2017
ae88834
mentors.html: Use Materialize and coalaCSS
hemangsk May 23, 2017
ca045ca
projects.html: Improve markup
hemangsk May 23, 2017
7292161
style.css: Remove unused CSS
hemangsk May 23, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions .coafile
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
[global]
bears = coalaBear, InvalidLinkBear
bears = coalaBear
files = **.yml, **.html, **.md, **.js, **.css
ignore = vendors/**
link_ignore_regex = (twitter.com|githubusercontent.com|github.com/{{)

[linecount]
files = **.yml, **.html, **.md, **.js
Expand Down
25 changes: 12 additions & 13 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@
<script type="text/javascript" src="resources/js/app.js"></script>
<link rel="stylesheet" type="text/css" href="vendors/materialize/css/materialize.css">

<link rel="stylesheet" type="text/css" href="vendors/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="resources/css/style.css">

<link rel="stylesheet" type="text/css" href="https://rawgit.com/coala/coalaCSS/master/coala.css">

<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,700,700i|Roboto:100,200,300,400,500,600,700,800,900|Ubuntu+Mono|Overpass+Mono|Inconsolata" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Expand All @@ -35,13 +35,13 @@
<body>
<main>
<div ng-controller="TabController as tc">
<div class="container">
<div>
<div class="row">
<div class="col s12">
<ul class="tabs uppercase">
<li class="tab col-md-4"><a ng-click="tc.setTab('/projects')" onmousedown="keyPressed(event, '#/projects')" ng-class="{active:tc.isSet('/projects')}">Projects</a></li>
<li class="tab col-md-4"><a ng-click="tc.setTab('/mentors')" onmousedown="keyPressed(event, '#/mentors')" ng-class="{active:tc.isSet('/mentors')}">Mentors</a></li>
<li class="tab col-md-4"><a ng-click="tc.setTab('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror=""ng-class="{active:tc.isSet('/faq')}">Faq</a></li>
<li class="tab col m4"><a ng-click="tc.setTab('/projects')" onmousedown="keyPressed(event, '#/projects')" ng-class="{active:tc.isSet('/projects')}">Projects</a></li>
<li class="tab col m4"><a ng-click="tc.setTab('/mentors')" onmousedown="keyPressed(event, '#/mentors')" ng-class="{active:tc.isSet('/mentors')}">Mentors</a></li>
<li class="tab col m4"><a ng-click="tc.setTab('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror=""ng-class="{active:tc.isSet('/faq')}">Faq</a></li>
</ul>
</div>
</div>
Expand All @@ -51,16 +51,15 @@

</div>
</main>
<footer class="page-footer">
<div class="row footer-coala-row">
<div class="col-md-6 col-md-offset-3 center">
<footer class="page-footer footer-light transparent">
<div class="row">
<div class="col m6 offset-m3 center">
<img class="footer-logo" src="https://api.coala.io/en/latest/_static/images/coala_logo.svg"/>
<span class="footer-coala">coala</span>
<span class="footer-title">coala</span>
</div>

</div>
<div class="footer-text">
<span class="ft-span uppercase"> Licensed under GNU affero general public license v3.0</span>
<div class="footer-small-title center">
<span class="blue-grey-text text-lighten-3 uppercase"> Licensed under GNU affero general public license v3.0</span>
</div>
</footer>

Expand Down
2 changes: 1 addition & 1 deletion partials/tabs/faq.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="main-content-faq container-fluid">
<div class="main-content-faq container">
<ul class="collapsible" data-collapsible="accordion">
<li ng-repeat="(ques,ans) in toc.faqs">
<div class="collapsible-header"><i class="fa fa-question" aria-hidden="true"></i><p btf-markdown="ques"></p></div>
Expand Down
73 changes: 41 additions & 32 deletions partials/tabs/mentors.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,59 +1,68 @@
<div class="main-content container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="title-get-involved" >Hello there!</div>
<br>
<div class="description">
We are the mentors for coala in GSoC 2017.<br>
<div class="col m8 offset-m2">
<h1 class="fine center">Hello there!</h1>
<h4 class="light center">
We are the mentors for coala in GSoC 2017.
<h4>
<h4 class="light center">
Just drop a message on <a href="https://coala.io/chat" class="bear-link" >Gitter</a> -
we'd love to help you personally.<br>
</div>
we'd love to help you personally.
</h4>
<br>
</div>
</div>
</div>

<section>
<div class="container">
<div class="row showcase-gi">
<div ng-repeat="member in gic.mentorsList" class="card card-main showcase-card-gi">
<div class="empty"></div>
<div class="card-action profile-data" >
<img class="center-block profile-img" height="100" ng-src="{{ member.github_avatar_url }}">
<div class="person-name">{{ member.name }}</div>
<div class="person-github-id-div"><a class="person-github-id" ng-href="https://github.com/{{member.github_handle}}">@{{ member.github_handle }}</a></div>
<div class="person-github-bio">{{ member.bio }}</div>
<div class="row user">
<div class="parent-wrapper">
<div class="parent">
<div ng-repeat="member in gic.mentorsList" class="card child card-main sc">
<div class="empty"></div>
<div class="data thumbnail center" >
<img class="center dp" height="100" ng-src="{{ member.github_avatar_url }}">
<div class="name center">{{ member.name }}</div>
<div class="handle center"><a class="yellow-text text-darken-4" ng-href="https://github.com/{{member.github_handle}}">@{{ member.github_handle }}</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<div class="main-content container-fluid">
<br><br>
<div class="main-content container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="title-get-involved" >Admins</div>
<br>
<div class="description">
We are the admins for coala in GSoC 2017.<br>
Just drop a message on <a href="https://coala.io/chat" class="bear-link" >Gitter</a>
</div>
<div class="col m8 offset-m2">
<h1 class="fine center">Admins</h1>
<h4 class="light center">
We are the admins for coala in GSoC 2017.
</h4>
<h4 class="light center">
Just drop a message on <a href="https://coala.io/chat" class="bear-link" >Gitter</a>
</h4>
</div>
</div>
</div>

<section>
<div class="container">
<div class="row showcase-gi">
<div ng-repeat="member in gic.adminsList" class="card card-main showcase-card-gi">
<div class="empty"></div>
<div class="card-action profile-data" >
<img class="center-block profile-img" height="100" ng-src="{{ member.github_avatar_url }}">
<div class="person-name">{{ member.name }}</div>
<div class="person-github-id-div"><a class="person-github-id" ng-href="https://github.com/{{member.github_handle}}">@{{ member.github_handle }}</a></div>
<div class="person-github-bio">{{ member.bio }}</div>
<div class="row user">
<div class="parent-wrapper">
<div class="parent">
<div ng-repeat="member in gic.adminsList" class="card card-main child sc">
<div class="empty"></div>
<div class="data thumbnail center">
<img class="center dp" height="100" ng-src="{{ member.github_avatar_url }}">
<div class="name center">{{ member.name }}</div>
<div class="handle center"><a class="yellow-text text-darken-4" ng-href="https://github.com/{{member.github_handle}}">@{{ member.github_handle }}</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

111 changes: 54 additions & 57 deletions partials/tabs/projects.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,83 +1,80 @@
<section id="projectCtrl">
<br>
<div class="main-content container">

<div class="col-md-8 col-md-offset-2">
<div class="input-field col-md-10">
<input ng-model="searchText" placeholder="Search for a project" id="search" type="text" class="validate">
</div>
<div class="input-field col-md-2">
<a class="explore uppercase waves-effect waves-light btn">Explore</a>
<div class="col m8 col offset-m2 s12">
<div class="input-field searchbar">
<input ng-model="searchText" placeholder="Search for a project" id="search" type="search" class="validate">
</div>
</div>
</div>
<br><br>
<section tabindex="1">
<div class="container">
<div class="row showcase">
<div ng-repeat="project in projectList | filter: searchText" class="card card-main showcase-card">
<div class="project-card-detail waves-effect" ng-click="lc.showProject(project)">
<div class="card-title name-bear">{{ project.name }}</div>
<div btf-markdown="project.desc" class="card-content markdown"></div>
</div>
<div ng-show="project.mentors.length>0" class="card-action">
<span ng-repeat="mentor in project.mentors | limitTo:4"><a ng-href="https://github.com/{{mentor}}" class="mentors-github-id" target="_blank">{{mentor}}</a></span>
<div class="row outline">
<div class="parent-wrapper">
<div class="parent">
<div ng-repeat="project in projectList | filter: searchText" class="card child">
<div class="card-content waves-effect" ng-click="lc.showProject(project)">
<div class="card-title center">{{ project.name }}</div>
<div btf-markdown="project.desc" class="markdown"></div>
</div>
<div ng-show="project.mentors.length>0" class="card-action">
<span ng-repeat="mentor in project.mentors | limitTo:4"><a ng-href="https://github.com/{{mentor}}" class="mentors-github-id" target="_blank">{{mentor}}</a></span>
</div>
<div ng-show="project.initiatives.length>0" class="project-overview-element clickable card-action">
<span ng-click="search(initiative)" class="pr-element-detail chip" ng-repeat="initiative in project.initiatives">{{ initiative }}</span>
<br>
</div>
<div ng-show="project.collaborating_projects.length>0" class="project-overview-element clickable card-action">
<span ng-click="search(project)" class="pr-element-detail chip" ng-repeat="project in project.collaborating_projects">{{ project }}</span><br>
</div>
<div ng-show="project.crowded" class="red white-text flag card-action center">
<span class="status-title">HIGH INVOLVEMENT</span>
<br>
<span class="tiny">If you haven't put work into this, look out for other projects for better chances!</span>
</div>
<div ng-show="project.in_progress" class="yellow black-text flag card-action center">
<span class="status-title">IN PROGRESS</span>
<br>
<span class="tiny">Work on this project is going on at full pace!</span>
</div>
<div ng-show="project.completed" class="green white-text flag card-action center">
<span class="status-title">COMPLETED</span>
<br>
<span class="tiny">Hooray!</span>
</div>
</div>
</div>


<div ng-show="project.initiatives.length>0" class="project-overview-element clickable card-action">
<span ng-click="search(initiative)" class="pr-element-detail chip" ng-repeat="initiative in project.initiatives">{{ initiative }}</span><br>
</div>

<div ng-show="project.collaborating_projects.length>0" class="project-overview-element clickable card-action">
<span ng-click="search(project)" class="pr-element-detail chip" ng-repeat="project in project.collaborating_projects">{{ project }}</span><br>
</div>

<div ng-show="project.crowded" class="crowded project-overview-element clickable card-action">
<span class="status-title">HIGH INVOLVEMENT</span>
<br>
<span class="status-subtitle">If you haven't put work into this, look out for other projects for better chances!</span>
</div>

<div ng-show="project.in_progress" class="in-progress project-overview-element clickable card-action">
<span class="status-title">IN PROGRESS</span>
<br>
<span class="status-subtitle">Work on this project is going on at full pace!</span>
</div>

<div ng-show="project.completed" class="completed project-overview-element clickable card-action">
<span class="status-title">COMPLETED</span>
<br>
<span class="status-subtitle">Hooray!</span>
</div>
</div>
</div>
</div>
</section>

<div ng-keydown="arrowPressed($event)" id="modal1" class="modal" tabindex="0">
<div class="modal-content-bear">
<div class="col-md-4 profile">
<div class="project-name">
<div ng-keydown="arrowPressed($event)" id="modal1" class="modal theatre margin" tabindex="0">
<div class="modal-content">
<div class="col m4 profile">
<div class="name">
{{ currentProject.name }}
</div>
<div ng-show="currentProject.requirements.length>0" class="project-detail-element reqs-proj">
<div ng-show="currentProject.requirements.length>0">
<div class="small-heading uppercase">Requirements</div>
<ul class="req-ul">
<li btf-markdown="req" class="pr-element-detail milestones markdown-reqs" ng-repeat="req in currentProject.requirements"></li>
<li btf-markdown="req" class="milestones" ng-repeat="req in currentProject.requirements"></li>
</ul>
<br>
</div>

<div ng-show="currentProject.initiatives.length>0" class="project-detail-element">
<div ng-show="currentProject.initiatives.length>0">
<div class="small-heading uppercase">Initiatives</div>
<span class="pr-element-detail chip" ng-repeat="initiative in currentProject.initiatives">{{ initiative }}</span><br>
<span class="chip" ng-repeat="initiative in currentProject.initiatives">{{ initiative }}</span><br>
</div>

<div ng-show="currentProject.collaborating_projects.length>0" class="project-detail-element">
<div ng-show="currentProject.collaborating_projects.length>0">
<div class="small-heading uppercase">Collaborating projects</div>
<span class="pr-element-detail chip" ng-repeat="project in currentProject.collaborating_projects">{{ project }}</span><br>
</div>

<div ng-show="currentProject.tags.length>0" class="project-detail-element">
<div ng-show="currentProject.tags.length>0">
<div class="small-heading uppercase">Tags</div>
<span class="pr-element-detail chip" ng-repeat="tags in currentProject.tags">{{ tags }}</span>
</div>
Expand All @@ -99,19 +96,19 @@
</div>
</div>

<div class="col-md-8 dashboard">
<div btf-markdown ng-include="'data/projects/' + currentProject.markdown" class="project-description markdown">
</div>
<div class="col m8 dashboard">
<div btf-markdown ng-include="'data/projects/' + currentProject.markdown" class="description markdown">
</div><br><br>
</div>

</div>

</div>
<div ng-show="currentProject" class="arrows">
<div class="row">
<div class="col-md-6 center col s6"><i ng-click="moveToNext('left')" class="fa fa-arrow-circle-left arrow-click" aria-hidden="true"></i>
<div class="col m6 center s6"><i ng-click="moveToNext('left')" class="fa fa-arrow-circle-left arrow-click" aria-hidden="true"></i>
</div>
<div class="col-md-6 center col s6"><i ng-click="moveToNext('right')" class="fa fa-arrow-circle-right arrow-click" aria-hidden="true"></i>
<div class="col m6 center s6"><i ng-click="moveToNext('right')" class="fa fa-arrow-circle-right arrow-click" aria-hidden="true"></i>
</div>
</div>
</div>
Expand Down
Loading