Skip to content

Commit

Permalink
chore: Fix dimension of images, add title overlay and Play Store and …
Browse files Browse the repository at this point in the history 
…F-Droid badges (#528)

* chore: Fix dimension of Organizer App image, add title overlay and Play Store, F-Droid badge

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges

* chore: Fix dimension of images, add title overlay and Play Store, F-Droid badges
  • Loading branch information
@ShridharGoel @mariobehling
ShridharGoel authored and mariobehling committed Aug 28, 2019
1 parent 4d2f658 commit 01170fd
Show file tree
Hide file tree
Showing 13 changed files with 75 additions and 10 deletions.
17 changes: 17 additions & 0 deletions css/text-overlay.css
View file
@@ -0,0 +1,17 @@
.container {
position: relative;
}

.text-block {
position: absolute;
bottom: 80px;
right: 80px;
left: 50%;
background-color: rgba(105, 105, 105, 0.7);
color: black;
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: -20px;
margin-right: -43%;
transform: translate(-50%, -50%)
}
Binary file removed img/Badge-Magic-Android.jpg
View file
Binary file not shown.
Binary file added img/Badge_Magic_Android.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Eventyay_Attendee_App.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Eventyay_Organizer_App.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/GitHub.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/PSLab_Android.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Phimpme_Android.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed img/Phimpme_android.jpg
View file
Binary file not shown.
Binary file modified img/SUSI.AI-Android.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed img/eventyay-attendee.jpg
View file
Binary file not shown.
Binary file removed img/eventyay-organizer.jpg
View file
Binary file not shown.
68 changes: 58 additions & 10 deletions index.html
View file
Expand Up @@ -30,6 +30,7 @@
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/custom-blog.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/text-overlay.css" rel="stylesheet" type="text/css" media="all"/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
Expand Down Expand Up @@ -86,15 +87,15 @@
<li><a target="_self" href="https://labs.fossasia.org/ideas.html">Project Ideas</a></li>
<li><a target="_self" href="https://labs.fossasia.org/#projects" target="_self">... More Projects</a></li>
<!-- <li class="has-dropdown has-submenu"><a>Google CODE-IN</a>
<ul class="nav-dropdown submenu" style="min-height: 161px;">
<ul class="nav-dropdown submenu" style="min-height: 161px;">
<li><a target="_self" href="https://gci18.fossasia.org">Code-In 2018</a></li>
<li><a target="_self" href="https://gci17.fossasia.org">Code-In 2017</a></li>
<li><a target="_self" href="https://gci16.fossasia.org">Code-In 2016</a></li>
<li><a target="_self" href="https://gci15.fossasia.org">Code-In 2015</a></li>
<li><a target="_self" href="https://gci14.fossasia.org">Code-In 2014</a></li>
</ul>
</li>-->
</ul>
</ul>
</li>
<li class="has-dropdown"><a href="./apply/index.html">Apply</a>
<ul class="nav-dropdown" style="min-height: 290px"> <!--whenever you add/remove an option, change the style="min-height:425px" by +- 25px-->
Expand Down Expand Up @@ -127,7 +128,7 @@
<li><a target="_self" href="https://2010.fossasia.org">FOSSASIA Summit 2010</a></li>
<li><a target="_self" href="https://2009.fossasia.org">GNOME.Asia 2009</a></li>
</ul>
</li>
</li>
<li><a target="_self" href="https://sciencehack.asia">Science Hack Asia</a></li>
<li><a target="_self" href="https://sciencehack.in">Science Hack India</a></li>
<li><a target="_self" href="https://opentechsummit.cn">OpenTechSummit China</a></li>
Expand Down Expand Up @@ -155,7 +156,7 @@
</div>
</div>
</div>

<div class="bottom-border"></div>

<div class="sidebar-menu">
Expand Down Expand Up @@ -537,23 +538,46 @@ <h1>Android Apps of FOSSASIA</h1>
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=ai.susi">
<img alt="SUSI.AI" src="img/SUSI.AI-Android.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">SUSI.AI Android</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=ai.susi'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://f-droid.org/en/packages/ai.susi/'><img alt='Get it on F-Droid' src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' width="125"/></a>
<a href='https://github.com/fossasia/susi_android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>

<div class="col-md-4 col-sm-12 sponsor-column" >
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=io.pslab">
<img alt="Pocket Science Lab" src="img/PSLab_Android.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">PSLab Android</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=io.pslab'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://f-droid.org/app/io.pslab'><img alt='Get it on F-Droid' src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' width="125"/></a>
<a href='https://github.com/fossasia/pslab-android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>

<div class="col-md-4 col-sm-12 sponsor-column" >
<div class=" text-center" >
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=org.fossasia.phimpme">
<img alt="Phimp.me" src="img/Phimpme_android.jpg" height="500">
<img alt="Phimp.me" src="img/Phimpme_Android.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">Phimp.me Android</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=org.fossasia.phimpme'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://github.com/fossasia/phimpme-android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>

Expand All @@ -562,25 +586,49 @@ <h1>Android Apps of FOSSASIA</h1>
<div class="col-md-4 col-sm-12 sponsor-column" >
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=org.fossasia.badgemagic">
<img alt="Badge Magic" src="img/Badge-Magic-Android.jpg" height="600">
<img alt="Badge Magic" src="img/Badge_Magic_Android.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">Badge Magic Android</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=org.fossasia.badgemagic'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://f-droid.org/en/packages/org.fossasia.badgemagic/'><img alt='Get it on F-Droid' src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' width="125"/></a>
<a href='https://github.com/fossasia/badge-magic-android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 sponsor-column" >
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=com.eventyay.attendee">
<img alt="Eventyay Attendee" src="img/eventyay-attendee.jpg" height="600">
<img alt="Eventyay Attendee" src="img/Eventyay_Attendee_App.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">Eventyay Attendee App</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=com.eventyay.attendee'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://f-droid.org/en/packages/com.eventyay.attendee/'><img alt='Get it on F-Droid' src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' width="125"/></a>
<a href='https://github.com/fossasia/open-event-attendee-android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 sponsor-column" >
<div class=" text-center" style="margin-bottom: 30px">
<a href="https://play.google.com/store/apps/details?id=com.eventyay.organizer">
<img alt="Eventyay Organizer" src="img/eventyay-organizer.jpg" height="600">
<img alt="Eventyay Organizer" src="img/Eventyay_Organizer_App.jpg" height="500">
<div class="text-block">
<h4><strong><font color="black">Eventyay Organizer App</font></strong></h4>
</div>
</a>
<div style="display: flex;flex-direction: row;justify-content: center; align-items: center;">
<a href='https://play.google.com/store/apps/details?id=com.eventyay.organizer'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width="125"/></a>
<a href='https://f-droid.org/en/packages/com.eventyay.organizer/'><img alt='Get it on F-Droid' src='https://fdroid.gitlab.io/artwork/badge/get-it-on.png' width="125"/></a>
<a href='https://github.com/fossasia/open-event-organizer-android'><img alt="GitHub" src="img/GitHub.png" height="35">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 text-center">
<span>Find more apps on the <a href="https://play.google.com/store/apps/developer?id=FOSSASIA">Play Store</a></span>
Expand Down

0 comments on commit 01170fd

Please sign in to comment.