-
Notifications
You must be signed in to change notification settings - Fork 300
Updated the branding and execution of Iris docs #3050
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.
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
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,7 @@ | ||
| body { | ||
| font-family: 'Noto Sans', sans-serif; | ||
|
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Nice choice @dkillick. |
||
| } | ||
|
|
||
| .sidebar { z-index: 10; } | ||
|
|
||
| .highlight { background: none; } | ||
|
|
@@ -29,4 +33,67 @@ p.hr_p:after { | |
| left: 0.5em; | ||
| margin-right: -50%; | ||
| } | ||
|
|
||
|
|
||
| .header-content { | ||
| background-color: white; | ||
| text-align: left; | ||
| padding: 0px; | ||
| height: 149px; | ||
| } | ||
|
|
||
| .header-content img { | ||
| height: 100px; | ||
| vertical-align: middle; | ||
| float: left; | ||
| margin: 20px 2em 0.8em 4%; | ||
| padding: 0px; | ||
| } | ||
|
|
||
| .header-content .strapline { | ||
| display: inline-block; | ||
| width: calc(100% - 110px - 2em - 4%); | ||
| } | ||
|
|
||
| .strapline p { | ||
| font-size: medium; | ||
| font-family: 'Alike', serif; | ||
| font-weight: bold; | ||
| color: #444444; | ||
| max-width: 52ch; | ||
| margin-top: 0.25em; | ||
| } | ||
|
|
||
| .header-content h1 { | ||
| font-size: 3.5rem; | ||
| font-family: 'Alike', serif; | ||
| margin-top: 40px; | ||
| padding: 0px; | ||
| color: #323232; | ||
| padding-bottom: 0.2em; | ||
| } | ||
|
|
||
| .header-content h1 span.version { | ||
| font-size: 1.5rem; | ||
| } | ||
|
|
||
| .github-forkme { | ||
| position: absolute; | ||
| top: 0; | ||
| right: 80px; | ||
| border: 0; | ||
| } | ||
|
|
||
| /* Take into account the resizing effect of the page (which has a minimum */ | ||
| /* width of 740px + 80px margins). */ | ||
| @media screen and (max-width: calc(740px + 80px + 80px)) { | ||
| .github-forkme { | ||
| right: calc(100% - 740px - 80px); | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: calc(740px + 80px)) { | ||
| .github-forkme { | ||
| left: calc(740px + 80px - 149px); | ||
| right: 0px; | ||
| } | ||
| } | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -4,7 +4,7 @@ | |
| {{ super() }} | ||
|
|
||
| <script type="text/javascript" src="{{ pathto("_static/jquery.cycle.all.latest.js", 1) }}"></script> | ||
| <script type="text/javascript" src="{{ pathto("_static/random_image.js", 1) }}"></script> | ||
| <script type="text/javascript" src="{{ pathto("_static/random_image.js", 1) }}" async></script> | ||
|
|
||
| <style type="text/css"> | ||
| #slideshow { width: 400px; } | ||
|
|
@@ -13,15 +13,6 @@ | |
| #sliderNav div { display: inline-block; height: 8px; width: 8px; margin: 0 2px; | ||
| border: #ccc medium solid; border-radius: 50%; box-shadow: 0 0 2px 0 #ccc;} | ||
| #sliderNav div.activeSlide { border-color: #777; background-color: #ccc; } | ||
|
|
||
|
|
||
| .bodywrapper { | ||
|
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This was removed, as I added it to hide the search bar. I think that is premature for the release. |
||
| width: 100%; | ||
| } | ||
| .sphinxsidebarwrapper { | ||
| display: none | ||
| } | ||
|
|
||
| </style> | ||
|
|
||
| <script type="text/javascript"> | ||
|
|
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -8,8 +8,10 @@ | |
| <link rel="stylesheet" href="{{ pathto('_static/style.css', 1) }}" type="text/css" /> | ||
| <script type="text/javascript" src="http://docs.python.org/2/_static/copybutton.js"></script> | ||
|
|
||
| <!-- Nice fonts... --> | ||
| <link href="https://fonts.googleapis.com/css?family=Alike" rel="stylesheet"> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="{{ pathto('_static/favicon-32x32.png', 1) }}"> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="{{ pathto('_static/favicon-16x16.png', 1) }}"> | ||
|
|
||
| <link href="https://fonts.googleapis.com/css?family=Alike|Noto+Sans" rel="stylesheet"> | ||
| {% endblock %} | ||
|
|
||
|
|
||
|
|
@@ -23,49 +25,24 @@ | |
|
|
||
| {% block relbar1 %} | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <style> | ||
| .github-img { | ||
|
Member
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. These were moved into style.css.
Member
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @pelson given our recent conversation I am very pleased to see this moved! |
||
| position: absolute; | ||
| top: 0; | ||
| right: 80px; | ||
| border: 0; | ||
| } | ||
|
|
||
| /* Take into account the resizing effect of the page (which has a minimum */ | ||
| /* width of 740px + 80px margins). */ | ||
| @media screen and (max-width: calc(740px + 80px + 80px)) { | ||
| .github-img { | ||
| right: calc(100% - 740px - 80px); | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: calc(740px + 80px)) { | ||
| .github-img { | ||
| left: calc(740px + 80px - 149px); | ||
| right: 0px; | ||
| } | ||
| } | ||
| </style> | ||
| <a href="https://github.com/you"> | ||
| <img class="github-img" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"> | ||
| <a href="https://github.com/SciTools/iris"> | ||
| <img class="github-forkme" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" | ||
| alt="Fork Iris on GitHub" /> | ||
| </a> | ||
|
|
||
|
|
||
| <div style="background-color: white; text-align: left; padding: 0px; height: 149px;"> | ||
| <div class="header-content"> | ||
| <a href="{{ pathto("index") }}"> | ||
| <img src="{{ pathto("_static/Iris7_1_trim_100.png", 1) }}" border="0" style="height: 100px; vertical-align: middle; float: left; margin: 20px 2em 0.8em 4%; padding: 0px;" alt="Logo" /> | ||
| <img src="{{ pathto("_static/Iris7_1_trim_100.png", 1) }}" alt="Iris logo" /> | ||
| </a> | ||
| <div style="display: inline-block; width: calc(100% - 110px - 2em - 4%);"> | ||
| <h1 style="font-size: 3.5rem; font-family: 'Alike', serif; margin-top: 40px; padding: 0px; color: #323232; padding-bottom: 0.2em;"> | ||
| Iris <span style="font-size: 1.5rem;">v2.1</span> | ||
| <div class="strapline"> | ||
| <h1> | ||
| Iris <span class="version">v2.1</span> | ||
| </h1> | ||
| <h4 style="padding: 0px; max-width: 60ch; margin-top: 0px; margin-bottom: 0px;"> | ||
| a powerful, easy to use, community-driven Python library for analysing and | ||
| visualising Earth science data | ||
| </h4> | ||
| <p> | ||
| A powerful, format-agnostic, and community-driven Python library for analysing and | ||
| visualising Earth science data. | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -90,5 +67,5 @@ <h4 style="padding: 0px; max-width: 60ch; margin-top: 0px; margin-bottom: 0px;"> | |
| </div> | ||
|
|
||
| <!-- Include a version switcher to easily move between the documentation of different versions --> | ||
| <script type=text/javascript src=/iris/docs/version_switch.js></script> | ||
| <script type=text/javascript src="/iris/docs/version_switch.js" async></script> | ||
| {% endblock %} | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -239,7 +239,7 @@ def extract_version(): | |
| url='http://scitools.org.uk/iris/', | ||
| author='UK Met Office', | ||
| author_email='[email protected]', | ||
| description="A powerful, easy to use, and community-driven Python " | ||
| description="A powerful, format-agnostic, and community-driven Python " | ||
| "library for analysing and visualising Earth science data", | ||
| long_description=description, | ||
| long_description_content_type='text/markdown', | ||
|
|
||
Uh oh!
There was an error while loading. Please reload this page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are you saying it isn't?? 😉
Actually though, I've long thought that this introductory statement was a bit full of itself, and this change helps. Note that this comment is duplicated in the description at the top of the Iris repo on GitHub too, so we should make the equivalent change there too.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yep. Will do now that it is reviewed 👍