Commit graph

96 commits

Author SHA1 Message Date
5dcf4acbb3
Fix CSS selector. 2021-12-03 15:36:16 +11:00
80fd409ade
Fix Vizio CSS selector. 2021-12-03 15:19:28 +11:00
3c8f363537
Add selected highlight to top feature menu. 2021-12-03 15:04:54 +11:00
68f5f1fa2c
Move sub-menus to RHS and re-enable on mobile. 2021-11-19 17:02:59 +11:00
26ff31bb78
progress bar: Drop JS, make mobile friendly, match design to new site.
The existing jQuery UI-based fundraising progress bar used a float layout,
making it hard to adapt for mobile use. Given that there is not interactivity,
I've dropped all the JS and switched to a flexbox layout. This works well
because the bar will stretch to fit the text rather than always maintaining its scale.
2021-11-16 13:25:39 +11:00
7229e78e0f Sidebar should disappear on small screens.
We've had a report that the sidebars are very distracting,
particularly for the blogs, on smaller screens.  This change to the
CSS will cause sidebars to disappear on smaller screens.
2021-10-23 12:42:59 -07:00
1bee33f278 Format like previous with the <p> solution
<ul> is the right HTML way to format these, but they are all too
close.  Get it to look more like it did with <p>'s with CSS.
2021-10-21 20:36:41 -07:00
1f6e2156f4 Additional fixes for menu items related to news and press
A few additional places where the news and press pages were not
properly menu integrated.  This fixes various inconsistencies and
missing category and submenu markings in menus.
2021-10-21 12:40:09 -07:00
a80c95fd13 Fix minimal start of ourcoverage.html and correct various problems
ourcoverage.html was a reasonable minimal start but not really ready
for production.  Make changes necessary to put this into production,
as follows:

  * Rename ourcoverage.html to vizio-coverage.html.  This is just
    Vizio coverage for now.

  * Order articles by most in-depth/interesting.  Verified this
    ordering by consensus with Conservancy staff.

  * mailto: link for press coverage on the main inthenews page, but
    don't use that on Vizio page; it's unlikely we'll miss any of the
    Vizio coverage.

  * use &mdash; instead of -

  * put quotes around article titles.

  * Add missing PR Web article

  * Switch from <p>'s to <li>'s in vizio-coverage.html

  * Fix menu issues.  09a4b02 outlined the issues regarding how to
    add items to menu; it does require a CSS change as explained
    therein; merely using the right `base_` is not enough

  * Improve menu integration.  Per PR people's recommendation, the
    Vizio stuff that also goes in other areas needs to be placed in
    multiple menus.
2021-10-21 12:34:22 -07:00
09a4b021c1 Repair menu highlighting, both for main menu and submenus
During the recent improvements made on the website, the menus and
submenu highlighting for selected menus fell into disarray.
Correction requires changes to the CSS and templates both, because
Django doesn't really have a convenient way to set variables in
templates to use to solve this.

There are still a few submenu items highlighting not working even
after this commit.  More work needs  to be done.
2021-10-21 08:39:47 -07:00
90928718b9 Copyleft Compliance — Vizio — add missing CSS menu item thing 2021-10-20 07:49:45 -07:00
8cc5c86d72 Copyleft Compliance — Vizio — Improvements to Menu selection. 2021-10-20 07:41:58 -07:00
de2998db8d Copyleft Compliance — Vizio — initial announcement 2021-10-19 11:05:16 -07:00
4669d6724d Generalize VMWare links page into a previous litigation links page
More will need to be added to make it true, this is the first step.
2021-10-19 08:36:32 -07:00
6fe4cbe1e4 Add Help Compliance page and put it on the menu. 2021-10-19 08:36:32 -07:00
6cb4b45761 Filings ⇒ Transparency, necessary rename operation & related first
The Filings page will ultimately be part of the Transparency page,
but for now, just rename it in prep for  later changes.
2021-10-19 06:50:26 -07:00
ee815f8424 Make the sidebar selected state less subtle. 2021-10-19 06:50:26 -07:00
4b2bfccbe0 Fix a glitch in the pop-out donations box. 2021-10-19 06:47:58 -07:00
204ca5e9de Move donation sidebar to pop out at bottom. 2021-10-19 06:47:58 -07:00
6ae57ee2c0 Improve sidebar and inline images on mobile. 2021-10-19 06:47:58 -07:00
aa688838b3 Fix issue with submenu items incorrectly marked as selected. 2021-10-19 06:47:58 -07:00
9a140f6988 Darken the selected menu item. 2021-10-19 06:47:58 -07:00
eeba7a3154 Add breadcrumb examples and expading FAQ sections. 2021-10-19 06:47:58 -07:00
f26c598c78 Display mobile menu above the supporter sidebar. 2021-10-19 06:47:58 -07:00
e340b7010c Add mobile menu and DuckDuckGo-based search. 2021-10-19 06:47:58 -07:00
bdda85c237 Apply max widths and margins to all pages.
Due to the varying types of layouts used and the short time-frame the best
option seems to set a max-width etc. around the "outercontent" block. For now
this means we can't do "full bleed" body content, but that's not currently used
anyway.
2021-10-19 06:47:58 -07:00
c41efe0e0b Overhaul header, first pass at second level navigation. 2021-10-19 06:47:58 -07:00
5e95851b83 Switch to SVG logo.
Will look better on mobile.
2021-10-19 06:47:58 -07:00
cea24db788 Tune up frontpage news/blog items and term of week, add call out section. 2021-10-19 06:47:58 -07:00
5672713148 Add link and button focus/active states. 2021-10-19 06:47:58 -07:00
32dd831a50 First-pass implementation of new design for home page.
Uses a combination of CSS changes and Tachyons classes to implement the design.

Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
2021-10-19 06:32:45 -07:00
26b014139c Make tiny pictures a bit bigger. 2020-12-04 12:07:59 -08:00
bdfb44e402 Make font size smaller for picture-tiny 2020-12-04 11:32:49 -08:00
8ea9fbd808 Create picture-tiny option; fix various formatting typos. 2020-12-04 11:29:18 -08:00
7cf6e58968 Add hr-like line after listed sponsors.
When one sponsor has a logo, and the next one doesn't, it looks like
the textual name of that sponsor is the sponsor above it.  This bit
of CSS corrects that problem.
2020-12-01 11:33:47 -08:00
21ee13ee7e Supporter: pictures: get picture-small working & apply throughout.
I pulled this from the `blog-left` style I used to use in blog posts
and created a new style called picture-small.  On smaller screen
real estate, Tony's picture was ultimately too big.
2020-11-25 21:03:24 -08:00
1db8a47c81 Supporters: Make my picture smaller with CSS. 2020-11-25 20:40:06 -08:00
25bece4c90 a.expander: better way to center items in modern browsers. 2020-11-25 19:46:59 -08:00
6b649e2f48 Supporter page: Support a “Expand All” link for collapsible sections
I wrap the entire section that has material that can be expanded in a
div with class `expandable-section`.  Once doing so, if you provide an
anchor with the class of `expander`, that anchor will be created with
text in the `data-expand-link-text` attribute.

I've also added some CSS to make the link look a certain way, for
good measure.
2020-11-25 19:27:53 -08:00
Brett Smith
fb6164926f supporters: Dynamically construct "Read more" links in JS.
This provides better presentation to people without JavaScript,
and makes it easier to author the HTML.
2020-11-25 13:47:40 -05:00
Brett Smith
e397501bfa supporter: Collapse individual appeal sections. 2020-11-25 11:32:07 -05:00
242aa60fc7 Fix Compliance sidebar menu selection. 2020-10-02 19:49:50 -07:00
Bradley M. Kuhn
effbf23fce Leadership and other bio updates, most notably Allison Randal.
Allison Randal joined Conservancy's board!
2019-10-08 11:07:54 -07:00
Brett Smith
828fd09d11 css: Add a little style to the progressbar. 2017-11-27 13:30:27 -05:00
Brett Smith
cf20e691e6 frontpage: Reorganize the lower half of the page. 2017-11-22 12:51:09 -05:00
Brett Smith
36b33927f7 css: Implement #sidebar and #mainContent without floats.
170aa38bb5 fixed one bug but added another:
#mainContent would always be the max-width of 1000px.  If the user's window
wasn't wide enough to accommodate that alongside the sidebar, it would be
rendered below the sidebar.

Fix that by using positioning instead of floats, so #mainContent can have a
flexible width.
2017-01-19 12:18:08 -05:00
Brett Smith
7202787092 supporter: Reorganize form post-input notes.
This makes it easier to keep baseline alignment between labels and their
respective inputs.  Declaring `margin-left: 51%;` for the post-input notes
is not exactly what we want, but it's much closer and less troublesome than
dealing with the vertical alignment of labels otherwise.
2017-01-09 16:56:42 -05:00
Brett Smith
5f9a4395f3 supporter: Add size information chart. 2017-01-05 13:46:46 -05:00
Brett Smith
b93cc61e8b supporter: New form styling.
This makes better use of bigger screens, and degrades better to smaller
ones.
2017-01-01 15:10:20 -05:00
Brett Smith
8605b65783 supporter: Move more presentation rules to CSS.
This commit keeps the presentation basically the same, it just moves
presentation rules out of HTML and into CSS.  It's not pixel-perfect but
pretty close.
2017-01-01 13:53:41 -05:00