Skip to content

Interface page Styled #107

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

Open
Rohitesh-Kumar-Jain wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

Interface page Styled #107

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
43b6e4b
Interface page Styled
Rohitesh-Kumar-Jain Dec 13, 2020
0d3aacf
Merge remote-tracking branch 'upstream/develop' into develop
Rohitesh-Kumar-Jain Jan 13, 2021
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
39 changes: 26 additions & 13 deletions omw/static/css/gwg.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -358,27 +358,40 @@ you want to use a border */

.vertical-menu {
max-width: 100%; /* Makes the menu responsive */
background-color: #f5f2f2;
}

.vertical-menu a {
background-color: #eee; /* Grey background color */
color: black; /* Black text color */
display: block; /* Make the links appear below each other */
padding: 12px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
.vertical-menu a, .vertical-menu-dropdown-btn {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: black;
display: block;
border: none;
background: none;
width:100%;
text-align: left;
cursor: pointer;
outline: none;
}

.vertical-menu a:hover {
background-color: #ccc; /* Dark grey background on mouse-over */
.vertical-menu a:hover, .vertical-menu-dropdown-btn:hover {
color: brown;
}

.vertical-menu a.active {
background-color: #069ae9; /* Add a blue color to the OMW link */
color: white;
.fa-caret-down {
float: right;
padding-right: 8px;
}

.vertical-menu-dropdown-container {
display: none;
background-color: #e9e6e6;
padding-left: 8px;
}

#interface-vertical-menu{
/* this is for specifically styling the vertical menu in the interface page */
.show-vertical-menu-dropdown {
display:block;
}

.back-to-top-button { /* This class is for styling the back to the top botton */
Expand Down
6 changes: 5 additions & 1 deletion omw/static/js/common.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -213,4 +213,8 @@ function openNav() {
/* Set the width of the side navigation to 0 */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
}

function showfunction(){
document.getElementById("vertical-menu-dropdown").classList.toggle("show-vertical-menu-dropdown");
}
48 changes: 24 additions & 24 deletions omw/templates/doc/interface.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,14 @@ <h3>OMW Interface Documentation</h3>
<p>This page provides documentation for the web interface to the Open
Multilingual Wordnet.

<nav class="vertical-menu" id="interface-vertical-menu">
<ul>
<a href="{{ url_for('omw_welcome') }}" class="active">Open Multilingual Wordnet</a>
<a href='{{ url_for('omw_doc_search') }}'>Searching for words or concepts</a>
<a href="{{ url_for('omw_doc_contribute') }}">Get Involved! Contribute to OMW</a>
<a href='{{ url_for('omw_doc_upload') }}'>Uploading a
wordnet (an LMF-formatted file)</a>
<nav class="vertical-menu">
<a href='{{ url_for('omw_doc_search') }}'>Searching for words or concepts</a>
<a href="{{ url_for('omw_doc_contribute') }}">Get Involved! Contribute to OMW</a>
<button onclick="showfunction()" class="vertical-menu-dropdown-btn">Uploading a wordnet
<i class="fa fa-caret-down"></i>
</button>
<div class="vertical-menu-dropdown-container" id="vertical-menu-dropdown">
<a href='{{ url_for('omw_doc_upload') }}'>Instruction for Uploading a wordnet (an LMF-formatted file)</a>
<a href="{{ url_for('omw_doc_lmf') }}">The structure of the
LMF file</a>
<a href="{{ url_for('omw_doc_tsv2lmf') }}">A script for converting the simple tsv used in OMW 1.0
Expand All @@ -27,18 +28,16 @@ <h3>OMW Interface Documentation</h3>

<a href="{{ url_for('omw_doc_feedback') }}">Documentation on the
feedback after uploading a wordnet</a>

<a href='{{ url_for('omw_wns') }}'>A summary of the wordnets in OMW</a>
<a href='{{ url_for('omw_doc_feedback_documentation') }}'>Information about reporting an issue and
giving feedback</a>

</div>
<a href='{{ url_for('omw_wns') }}'>A summary of the wordnets in OMW</a>
<a href='{{ url_for('omw_doc_feedback_documentation') }}'>Information about reporting an issue and
giving feedback</a>
</nav>

<h3>External APIs to the OMW</h3>

<ul>
<li><a href='https://www.nltk.org/howto/wordnet.html'>NLTK (currently based on OMW 1.0)</a>
</ul>
<nav class="vertical-menu">
<a href='https://www.nltk.org/howto/wordnet.html'>NLTK (currently based on OMW 1.0)</a>
</nav>


<h3>Technical Notes</h3>
Expand All @@ -48,14 +47,15 @@ <h3>Technical Notes</h3>

<h3>Creating Your Own Instance</h3>

<ul>
<li><a href="https://github.com/globalwordnet/OMW/blob/develop/INSTALL.md#Installing-the-software">Installing the software</a></li>
<li><a href="https://github.com/globalwordnet/OMW/blob/develop/INSTALL.md#Creating-the-database">Creating the database</a></li>
<li>Adding OMW 1.0 wordnets
<li>Adding TUFS wordnets
<li>Adding GeoNames Wordnet
</ul>

<nav class="vertical-menu">
<a href="https://github.com/globalwordnet/OMW/blob/develop/INSTALL.md#Installing-the-software">Installing
the software</a>
<a href="https://github.com/globalwordnet/OMW/blob/develop/INSTALL.md#Creating-the-database">Creating the
database</a>
<a href="#" >Adding OMW 1.0 wordnets</a>
<a href="#">Adding TUFS wordnets</a>
<a href="#">Adding GeoNames Wordnet</a>
</nav>
<hr>


Expand Down
4 changes: 2 additions & 2 deletions omw/templates/omw.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -199,11 +199,11 @@
<a href='{{ url_for('omw_doc_feedback_documentation') }}'>Information about reporting an issue and
giving feedback</a>
</div>
<div id="main">

{% block welcome %}{% endblock %}

{% block body %}{% endblock %}
</div>

</div>

<footer id="footer">
Expand Down