content/use/everyone: add a new general-public page

content/use/everyone/index.md

@@ -0,0 +1,74 @@
++++
+date = 2020-04-18
+title = "WWT for the Rest of Us"
+
+[extra]
+titlebox_class = "background-19038"
++++
+
+AAS WorldWide Telescope isn’t only for professionals — it’s for anyone who’s
+ready to be delighted by the beauty of our universe!
+
+<section class="flex-cards">
+
+{% card(html=1) %}
+In <b>explore mode</b>, navigate the sky like you would in your favorite maps
+app — but choose which wavelength of light to vew, and pull up imagery taken
+by the world’s best telescopes.
+{% end %}
+
+{% card(html=1) %}
+Watch guided <b>tours</b> that explain, educate, and entertain! Tours are
+created by professional astronomers, educators, and people who just love the
+night sky.
+{% end %}
+
+</section>
+
+{{ bigbutton(text="Launch the Web client now", url="//worldwidetelescope.org/webclient/") }}
+
+
+# Getting Started with WWT
+
+{{ youtube(id="zooTDvbpdDQ", class="youtube-embed") }}
+
+Learn more in our [Learn About WWT][youtube-learn] YouTube playlist.
+
+[youtube-learn]: https://www.youtube.com/playlist?list=PLozhKWk-h8YABM7u4sDpj-TfEtW4Ciido
+
+
+# Explore the Universe from Any Angle
+
+<!-- hack since at max width flexbox with 4 items doesn't lay out how I'd like -->
+<section class="flex-cards">
+
+{% card(html=1) %}
+<img src="shot-sky-mode.jpg">
+<b>Sky mode</b> lets you explore the sky as seen from Earth, overlaying images
+from real telescopes.
+{% end %}
+
+{% card(html=1) %}
+<img src="shot-3d.jpg">
+<b>3D Universe mode</b> shows the Solar System in full 3D, and lets you zoom
+out to see nearby stars, the Milky Way, and even other galaxies.
+{% end %}
+
+</section>
+<section class="flex-cards">
+
+{% card(html=1) %}
+<img src="shot-planet-mode.jpg">
+<b>Earth</b> and <b>planet modes</b> let you examine the surfaces of planets
+in detail — from the volcanoes of Mars to the Great Red Spot of Jupiter.
+{% end %}
+
+{% card(html=1) %}
+<img src="shot-panorama.jpg">
+<b>Panorama mode</b> helps you plant your feet on another planet — showing
+360° panorama photos from Moon landing sites, Mars rovers, and more.
+{% end %}
+
+</section>
+
+{{ bigbutton(text="Start Exploring", url="//worldwidetelescope.org/webclient/") }}

sass/_content.scss

@@ -128,6 +128,11 @@ body {
         margin: 0 0 1rem 0;
         flex-grow: 1;
       }
+
+      img {
+        // ~hack for use/everyone/index.md
+        margin: 0 0 1rem 0;
+      }
     }
 
     .button {

templates/base.html

@@ -60,6 +60,7 @@
                 <li><a href="{{ macros::page_url(rel_top=rel_top, path='use/researchers.md') }}">… For Research</a></li>
                 <li><a href="{{ macros::page_url(rel_top=rel_top, path='use/educators.md') }}">… In the Classroom</a></li>
                 <li><a href="{{ macros::page_url(rel_top=rel_top, path='use/planetariums.md') }}">… In Planetariums</a></li>
+                <li><a href="{{ macros::page_url(rel_top=rel_top, path='use/everyone/index.md') }}">… For Fun!</a></li>
               </ul>
             </li><li>
               <a href="{{ macros::page_url(rel_top=rel_top, path='learn.md') }}">Learn More</a>

templates/shortcodes/card.html

@@ -7,7 +7,9 @@
     {% endif %}
   </p>
 
+  {% if url %}
   <div class="button">
     <a href="{{url | safe}}">{{text}}</a>
   </div>
+  {% endif %}
 </div>