Skip to content

Commit

Permalink
Updated app info modal
Browse files Browse the repository at this point in the history 
+ added author info
  • Loading branch information
@AsathalMannan
AsathalMannan committed Jul 21, 2017
1 parent 3e25c8f commit 9d83e66
Show file tree
Hide file tree
Showing 4 changed files with 81 additions and 11 deletions.
41 changes: 35 additions & 6 deletions athigaram.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,16 +34,16 @@
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
<a class="nav-link disabled" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
<li class="nav-item active">
<a class="nav-link" href="https://github.com/AsathalMannan/thirukkural"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
<li class="nav-item active">
<a class="nav-link" href="#" data-toggle="modal" data-target="#modal1"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
<a class="nav-link disabled" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
</li>
</ul>
</div>
Expand Down Expand Up @@ -72,6 +72,35 @@
</div>
</div>
</footer>

<!-- Modal -->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1lable" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modal1lable">About</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row bg-faded mb-4">
<img class="img col-4" src="img/pro-pic.jpg" height="140px" alt="Thumbnail image">
<p class="col-6">Designed and maintained by<br>
<strong>Ajmal Hussain Hy</strong><br>
<small>B.E / Computer Science</small><BR>
<small>Chennai</small><br>
<a href="https://github.com/AsathalMannan">Profile</a></p>
</div>
<p class="text-justify">Thirukkural Web Application V2 - This application included along with English Translation, Transliteration and Explanation from Mu. Varadarajan, Prof. Salaman Paappayya, Kalaignar M. Karunanidhi. The Database is designed by <a href="https://github.com/tk120404/">Arjun Kumar</a>.</p>

</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div> -->
</div>
</div>
</div>



Expand Down
12 changes: 12 additions & 0 deletions css/athigaram.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,18 @@ header h1{
}
/*vertical-align: middle;*/

@media (max-width: 575px){
header{
height: 2em;
margin-bottom: .5rem;
}
header h1{
padding-top: 25% !important;
font-size: 1.5rem !important;
}

}

@media (max-width: 767px){
header{
height: 1em;
Expand Down
Binary file added img/pro-pic.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 34 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,16 +33,16 @@
<div class="collapse navbar-collapse" id="navContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
<a class="nav-link disabled" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
</li>
<li class="nav-item">
<li class="nav-item active">
<a class="nav-link" href="https://github.com/AsathalMannan/thirukkural"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
<li class="nav-item active">
<a class="nav-link" href="#" data-toggle="modal" data-target="#modal1"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
<a class="nav-link disabled" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
</li>
</ul>
</div>
Expand All @@ -68,6 +68,35 @@ <h6 class="col-12 text-center hidden-sm-down">Hover text to view Transliteration
</div>
</div>
</footer> -->

<!-- Modal -->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1lable" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modal1lable">About</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row bg-faded mb-4">
<img class="img col-4" src="img/pro-pic.jpg" height="140px" alt="Thumbnail image">
<p class="col-6">Designed and maintained by<br>
<strong>Ajmal Hussain Hy</strong><br>
<small>B.E / Computer Science</small><BR>
<small>Chennai</small><br>
<a href="https://github.com/AsathalMannan">Profile</a></p>
</div>
<p class="text-justify">Thirukkural Web Application V2 - This application included along with English Translation, Transliteration and Explanation from Mu. Varadarajan, Prof. Salaman Paappayya, Kalaignar M. Karunanidhi. The Database is designed by <a href="https://github.com/tk120404/">Arjun Kumar</a>.</p>

</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div> -->
</div>
</div>
</div>


<!-- jQuery first, then Tether, then Bootstrap JS. -->
Expand Down

0 comments on commit 9d83e66

Please sign in to comment.