diff --git a/docs/static/footer.css b/docs/static/footer.css new file mode 100644 index 0000000..262f9eb --- /dev/null +++ b/docs/static/footer.css @@ -0,0 +1,12 @@ +footer{ + background-color : #3C3C3C; + width : 100%; + padding: 5px; +} + +.footnotes{ + margin : 20px; + color: #eeeeee; + text-align : left; +} + diff --git a/docs/static/gwadoc.css b/docs/static/gwadoc.css index 6d092a7..bcce61b 100644 --- a/docs/static/gwadoc.css +++ b/docs/static/gwadoc.css @@ -1,24 +1,24 @@ body { font-family: sans-serif; + box-sizing: border-box; + scroll-behavior: smooth; } a:link { text-decoration: none; } a:hover { text-decoration: underline; } -a.toplink { float: right; font-size: medium; } +a.toplink { float: right; font-size: medium; color: #671D5B;} +h3 .relation-name { + padding-left: 12px; +} .rel-id { font-family: monospace; } -main { - margin-left: auto; - margin-right: auto; - max-width: 960px; -} - div.description { margin-left: 20px; + margin-top: 16px; } div.description p, div.description ul { margin-left: 20px; @@ -41,6 +41,9 @@ article table { border-collapse: separate; border: none; } +article{ + border-bottom: 2px solid #671D5B; +} article table tr, article table th, article table td { border: none; } article table th { font-weight: bold; @@ -54,6 +57,60 @@ div.description > ul li { padding: 5px 0px; } div.highlight { background-color: #F4F4F4 } +.relation-name{ +color : #671D5B; +margin-top: 16px; +} + +h1, h2, h3, h4,h5,h6, p{ +margin : 0; +padding : 0; +} +.heading1{ +margin-bottom: 8px; +color : #671D5B; +} +.heading{ +color : #671D5B; +margin-top : 8px; +} + +.section { + display: grid; + grid-template-columns : 25% 70%; + grid-gap: 30px; + } + .toc-items{ + display: none; + } + .outline-toggle{margin: 16px 0 16px 0; background-color: #2557A6; color: white;} +.menu-icon div { + width: 35px; + height: 5px; + background-color: black; + margin: 6px 0; +} + +#myBtn { + display: none; + position: fixed; + bottom: 40px; + right: 45px; + z-index: 999; + font-size: 18px; + border: none; + outline: none; + background-color: #2656A6; + color: white; + cursor: pointer; + padding: 15px; + border-radius: 50px; +} + +#myBtn:hover { + background-color: #555; +} + @media screen and (max-width: 799px) { body { font-size: small; } h2, h3, h4 { margin: 10px 0px; } @@ -61,4 +118,25 @@ div.highlight { background-color: #F4F4F4 } div.description p, div.description ul { margin-left: 5px; } article table { margin: 2px 0px 2px 0px; } article table td { padding: 1px 0px 1px 5px; } -} + } + + @media (max-width: 500px) { + nav { + position: relative; + margin-top: 100px; + } + .title-search { + display: none; + } + .top-header .name { + padding: 5px 0; + } + .top-header .title { + margin-left: 0; + } + } + @media (min-width: 501px) { + .menu-icon { + display: none; + } + } diff --git a/docs/static/header.css b/docs/static/header.css new file mode 100644 index 0000000..03dcbc1 --- /dev/null +++ b/docs/static/header.css @@ -0,0 +1,41 @@ +header{ + position: fixed; + top: 0; + z-index: 9999; + width: 100% !important; + background-color : #2656A6; + border-bottom : 3px solid #671D5B; + display: grid; + padding: 8px; + grid-template-columns : 80% 20%; + justify-content: space-between; + align-items: center; + overflow-x: hidden; +} + +.title{ +color : white; +font-style : bold; +font-size : 24px; +margin-left : 30px; +} + +.name{ +color: #A4CBE8; +padding: 5px 30px; +font-size : 10px; +} + +.search-button{ +background-color : #671D5B; +color : white; +margin-right : auto; +} + +@media (max-width: 500px) { + .title { + font-size: 15px; + } +} + + diff --git a/docs/static/sidenav.css b/docs/static/sidenav.css index b234a3f..3fc2335 100644 --- a/docs/static/sidenav.css +++ b/docs/static/sidenav.css @@ -1,11 +1,57 @@ -.sidenav{height: 100%;width: 290px;position: fixed;z-index: 1;top: 0;left: 0;background-color: #F5F5F5;overflow-x: hidden;padding-top: 20px; } -.container {margin-left: 290px;} -.sidenav a {padding: 4px 4px 4px 10px;text-decoration: none;font-size: 12px;color: #010101;background: none;width:100%;text-align: left;cursor: pointer;outline: none;} -.sidenav a:hover, .dropdown-btn:hover {color: #0000FF;} + +.sidenav a {text-decoration: none; font-size: 18px; background: none;width:100%;text-align: left;cursor: pointer;outline: none; color:#4D4D4D; font-size: 18px;} +.sidenav a:hover, .dropdown-btn:hover {color: #0000FF; } .dropdown-container {background-color: #F5F5F5;display: none;} -.sidenav>ul{padding-left: 5px;margin-left: 5px;} -.sidenav>ul>li{padding-left: 5px;margin-left: 5px;height: 28px;overflow: hidden;} +.sidenav>ul>li{ height: 60px; overflow: hidden; font-size: 18px; padding : 24px; border: 0.5px solid #4D4D4D; +} .sidenav>ul>li.open{height: auto;} -.pack-up{float: right;margin: 5px 10px 0 0;cursor: pointer;} +.side-li:hover{background-color : #A4CBE8;} +ul.side-ul{margin : 0;padding :0px;} +nav{padding:16px; top: 77px; background-color: #F5F5F5; position: sticky; height: 100vh;width: 337px;} +.overview{margin-top : 90px; padding: 0 12px;} +.anchor { padding-top: 90px; } +:target::before { + content: ""; + display: block; + height: 90px; /* fixed header height*/ + margin: -90px 0 0; /* negative fixed header height */ +} +.pack-up{ + cursor: pointer; + border: none; + font-size: 48px; +} +li.side-li.overview{ +margin-top : 10px; +} + +.collapsible { + background-color: #777; + color: white; + cursor: pointer; + padding: 18px; + width: 100%; + border: none; + text-align: left; + outline: none; + font-size: 15px; +} +.active, .collapsible:hover { + background-color: #555; +} +.list-items { + padding: 0 18px; + display: none; + overflow: hidden; + background-color: #f1f1f1; +} + @media (max-width: 500px) { + nav { + z-index: 1; + top: 0; + position: relative; + } + .overview{margin-top: 20px;} +} diff --git a/docs/static/sidenav.js b/docs/static/sidenav.js index 615fbc7..ea51e35 100644 --- a/docs/static/sidenav.js +++ b/docs/static/sidenav.js @@ -19,10 +19,8 @@ $(document).ready(function () { $(this).removeClass('fa-minus-circle').addClass('fa fa-plus-circle').parent('li').removeClass('open'); } }) - - - - + + $("#dp-btn1").click(function () { $("#dropList1").toggle(); if(btn1Status==0){ @@ -40,7 +38,7 @@ $(document).ready(function () { var btn2Status=0; $(document).ready(function () { - + $("#dp-btn2").click(function () { $("#dropList2").toggle(); if(btn2Status==0){ @@ -58,7 +56,7 @@ $(document).ready(function () { var btn3Status=0; $(document).ready(function () { - + $("#dp-btn3").click(function () { $("#dropList3").toggle(); if(btn3Status==0){ @@ -76,7 +74,7 @@ $(document).ready(function () { var btn4Status=0; $(document).ready(function () { - + $("#dp-btn4").click(function () { $("#dropList4").toggle(); if(btn4Status==0){ @@ -90,4 +88,4 @@ $(document).ready(function () { console.log(btn4Status); } }) -}) \ No newline at end of file +}) diff --git a/docs/static/toc.js b/docs/static/toc.js new file mode 100644 index 0000000..7012289 --- /dev/null +++ b/docs/static/toc.js @@ -0,0 +1,8 @@ +function showToc() { + var x = document.getElementById("toc-content"); + if (x.style.display === "none") { + x.style.display = "block"; + } else { + x.style.display = "none"; + } +} diff --git a/docs/templates/sidenav.html b/docs/templates/sidenav.html index 9f0d024..0140166 100644 --- a/docs/templates/sidenav.html +++ b/docs/templates/sidenav.html @@ -1,28 +1,21 @@
-
- +
-Other Languages -
-
diff --git a/templates/base.html b/templates/base.html index 59173b3..6899335 100644 --- a/templates/base.html +++ b/templates/base.html @@ -13,61 +13,69 @@ href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + + + - + + - + {% block title %}{% endblock %} {%- endblock %} - - {% block sidenav -%} {%- endblock %} -
-
- {% block header -%} -

Open Wordnet Documentation ({{lang}})

- {%- endblock %} -
- -
- {% block content %}{% endblock %} -
- -
- + + + +
{% include "header.html" %}
+
+
+
{% include "sidenav.html" %}
+
+ {% include "overview.html" %} + {% block content %}{% endblock %} +
+
+ +
{% include "footer.html" %}
+
+ + + + diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..69b2296 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,26 @@ + \ No newline at end of file diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..80efbe8 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,20 @@ + + +
+

GLOBAL WORDNET ASSOCIATION

+

Open WordNet Documentation

+
+
+
+ + +
+
+ + + + + + + + diff --git a/templates/index.html b/templates/index.html index 1f04bae..52fd2ba 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,24 +1,16 @@ {% extends "base.html" %} {% from "macros.html" import rel_id, ili, to_top %} -

Open Wordnet Documentation ({{lang}})

- -{% block sidenav -%} -{% include "sidenav.html" %} -{%- endblock %} - +{% block title %}Open Wordnet Documentation ({{lang}}){% endblock %} {%- block content -%} - -{% include "overview.html" %} - -

Table of Contents

-{% include "toc.html" %} - -

Relations

+

Contents

+{% include "toc.html" %} +

Relations

{% for id in gwadoc.RELATIONS -%} - {% set rel = gwadoc.relations[id] -%} - {% include "relation.html" %} +{% set rel = gwadoc.relations[id] -%} +{% include "relation.html" %} {% endfor %} +{% include "references.html" %} {% include "references.html" %} diff --git a/templates/overview.html b/templates/overview.html index 17b85d9..236520f 100644 --- a/templates/overview.html +++ b/templates/overview.html @@ -1,7 +1,7 @@
-

Overview

+

Overview

-

What is wordnet?

+

What is wordnet?

Unlike a standard dictionary, which takes the word as its elementary building block, a wordnet is an online lexical reference system which is organized by concepts.

@@ -21,7 +21,7 @@

What is wordnet?

Open Multilingual Wordnet (OMW) is a collection of wordnets in a variety of languages, all linked through the Collaborative Interlingual Index (CILI), the goal is to make it easy to use wordnets across multiple languages, you can browse and search for cross-lingual matches in OMW.

-

What is Global Wordnet Association?

+

What is Global Wordnet Association?

The Global WordNet Association (GWA) is a free, public and non-commercial organization that provides a platform for discussing, sharing and connecting semantic lexicons (wordnets) for all languages in the world. Our goal is to make compatible, linked, open lexical resources useful for both humans and computers.

diff --git a/templates/relation.html b/templates/relation.html index ec00e80..0aa96cd 100644 --- a/templates/relation.html +++ b/templates/relation.html @@ -124,3 +124,4 @@

Project-specific Names

+ diff --git a/templates/sidenav.html b/templates/sidenav.html index ec578da..360367a 100644 --- a/templates/sidenav.html +++ b/templates/sidenav.html @@ -1,28 +1,25 @@ -
+ diff --git a/templates/toc.html b/templates/toc.html index a0e8359..0041578 100644 --- a/templates/toc.html +++ b/templates/toc.html @@ -1,4 +1,7 @@
+ +
+

Contents

    {%- set agenda = gwadoc.relations.hierarchy_with_reversals()[2] -%} @@ -14,6 +17,7 @@ {% endfor %}
-
+
+