diff --git a/site/pages/index.md b/site/pages/index.md index f9fe074..a7bd6d1 100644 --- a/site/pages/index.md +++ b/site/pages/index.md @@ -2,7 +2,7 @@ title: Write Once, Read Anywhere URL: save_as: index.html -PreTeXt is an authoring and publishing system for authors of textbooks, research articles, and monographs, especially in STEM disciplines. +PreTeXt is an authoring and publishing system for authors of textbooks, research articles, and monographs, especially in STEM disciplines, with a strong focus on accessibility. The best of DocBook, LaTeX, and HTML. @@ -13,26 +13,19 @@ Open Source: GPL license ### Gallery and Catalog +PreTeXt has been used to create a large number of Open Educational Resources. + The [Gallery](https://pretextbook.org/gallery.html) is a small collection of mature PreTeXt projects that demonstrate the range of features and the diversity of subjects. The [Catalog](https://pretextbook.org/catalog.html) is a comprehensive list of PreTeXt projects. You can get a sense of the possibilities, and where authors have public source, you can look to see how certain constructions are authored. ### Starting Out -The [Documentation page](https://pretextbook.org/documentation.html) has information on Getting Started, the full documentation (The PreTeXt Guide) and additional resources. - -### Community - -Authors, publishers, readers, and developers congregate on Google Groups (in addition to GitHub issues once discussions are resolved). The support forum is the easiest, quickest, most accurate way to get help from experienced authors, publishers and developers, even if you are just starting out, and have only read the [PreTeXt Guide](https://pretextbook.org/documentation.html) once. Every PreTeXt author should subscribe to the announcements forum since changes and new features are broadcast there. - -- Support forum/mailing-list: [pretext-support](https://groups.google.com/forum/#!forum/pretext-support) -- Announcements only, low-volume: [pretext-announce](https://groups.google.com/forum/#!forum/pretext-announce) -- Feature discussions and implementation: [pretext-dev](https://groups.google.com/forum/#!forum/pretext-dev) -- Accessibility discussions: [pretext-a11y](https://groups.google.com/forum/#!forum/pretext-a11y) +Our [documentation](documentation.html) has information on getting started, using all the many features of PreTeXt, and additional resources. -Connect with the [#PreTeXtGang](https://twitter.com/hashtag/PreTeXtGang) on [Twitter](https://twitter.com/PreTeXtBook) or [Mastodon](https://fosstodon.org/@PreTeXt). +### Get Involved -The inactive [mathbook-xml-support](https://groups.google.com/forum/?fromgroups#!forum/mathbook-xml-support) group can be searched for old questions and their answers. +We strive to make PreTeXt a welcoming and supportive [community](community.html). ### Code diff --git a/site/pelican_settings.py b/site/pelican_settings.py index 9878dc9..46b0725 100644 --- a/site/pelican_settings.py +++ b/site/pelican_settings.py @@ -20,4 +20,7 @@ TRANSLATION_FEED_ATOM = None AUTHOR_FEED_ATOM = None AUTHOR_FEED_RSS = None +ARCHIVES_SAVE_AS = None +CATEGORIES_SAVE_AS = None +TAGS_SAVE_AS = None diff --git a/site/theme/static/css/style.css b/site/theme/static/css/style.css index c980329..ca7725f 100644 --- a/site/theme/static/css/style.css +++ b/site/theme/static/css/style.css @@ -104,6 +104,7 @@ header.header { color: #FFF; font: normal 1.4em monospace, sans-serif; margin-right: 10px; + text-align: right; } .navbar ul { @@ -131,6 +132,39 @@ header.header { background-color: #444; } +/* Hamburger menu button */ +.navbar-toggle { + display: none; + flex-direction: column; + background: none; + border: none; + cursor: pointer; + padding: 10px; + align-self: center; +} + +.navbar-toggle span { + width: 25px; + height: 3px; + background-color: #FFF; + margin: 5px 0; + transition: 0.3s; + border-radius: 2px; +} + +/* Clever display of hamburger menu as an X */ +.navbar-toggle.active span:nth-child(1) { + transform: rotate(-45deg) translate(-10px, 10px); +} + +.navbar-toggle.active span:nth-child(2) { + opacity: 0; +} + +.navbar-toggle.active span:nth-child(3) { + transform: rotate(45deg) translate(-8px, -8px); +} + /* path */ /*.path { background: #949490; @@ -204,4 +238,53 @@ header.header { padding: 30px 3%; margin: 0; } -} \ No newline at end of file + + /* Keep header compact and prepare for absolute menu positioning */ + header.header { + position: relative; + display:flex; + justify-content: space-between; + } + + .navbar-toggle { + display: inline-flex; + } + + /* Dropdown overlays content instead of expanding header */ + .navbar { + position: absolute; + top: 100%; /* directly below the header */ + left: 0; + right: 0; + width: 100%; + background: hsl(60, 2%, 13%); + box-shadow: 0 6px 16px rgba(0,0,0,0.3); + border-top: 1px solid #444; + z-index: 1000; + + max-height: 0; + overflow: hidden; + transition: max-height 0.3s ease-out; + text-align: left; + } + + .navbar.active { + max-height: 60vh; /* allow scrolling when tall */ + overflow-y: auto; + } + + .navbar ul { + width: 100%; + } + + .navbar li { + display: block; + width: 100%; + border-bottom: 1px solid #444; + } + + .navbar a { + display: block; + padding: 12px 15px; + } +} diff --git a/site/theme/templates/base.html b/site/theme/templates/base.html index a98168b..d578d8b 100644 --- a/site/theme/templates/base.html +++ b/site/theme/templates/base.html @@ -21,14 +21,20 @@
{% block body %} -