finalized wording and links to the design component of the additional resources panel

srctweb/website/templates/index.html

@@ -252,25 +252,28 @@ SRCT
           </div>
           <div role="tabpanel" class="tab-pane fade" id="design">
             <p>
-              On the more artistic side of things
+              Bring your ideas and perspectives to our promotional material, photography,
+              and software interfaces! Start off by taking a look at Mason's
+              <a href="http://brand.gmu.edu/">official branding guidelines</a>. They form
+              the foundation for our design work, with their
+              <a href="http://brand.gmu.edu/visual-identity-and-style/color/">recommended color palettes</a>,
+              <a href="http://brand.gmu.edu/visual-identity-and-style/typography/">font faces</a>,
+              and overall perspective.
             </p>
             <p>
-              Mason's branding guidelines
-              Our CSS
-              Creating adverising for our events and projects and org
-              Making stuff responsive-- so it runs on both desktops and phones
-            <p>
-              Focusing more on usability, here's what that is
-            </p>
-            <p>
-              Don't Make Me Think, which is excellent with lots of pretty pictures and can be read online for free from Mason's library
-            </p>
-            <p>
-              We also strive to make sure that our sites are accessible. Load with dyslexic fonts, or see how the page sounds with a screen reader, or make sure the contrasts are high enough for the colorblind.
-            </p>
-            <p>
-              Read about more of the workshops we hold on our wiki, along with more information
-              from infrastructure setup to event planning
+              For contributing to software, see the kinds of elements and paradigms
+              you can incorporate with CSS frameworks like
+              <a href="http://getbootstrap.com/css/">Bootstrap</a> or
+              <a href="http://www.getmdl.io/components/index.html">MDL</a>. Learn
+              about creating straightforward user experiences by reading
+              <em><a href="http://proquest.safaribooksonline.com.mutex.gmu.edu/book/web-design-and-development/9780133597271">Don't Make Me Think</a></em>,
+              free through Mason's online collections.
+              Then, walk through our projects, considering these sorts of questions: Are basic
+              <a href="https://stayintech.com/info/UX">user functions obvious</a>?
+              Do pages load cleanly and quickly on
+              <a href="https://en.wikipedia.org/wiki/Responsive_web_design">both desktops
+              and phones</a>? Can you easily understand when
+              <a href="https://www.amherst.edu/help/make_accessible">using a screenreader</a>?
             </p>
           </div>
           <div role="tabpanel" class="tab-pane fade" id="infra">
@@ -280,6 +283,9 @@ SRCT
             <p>
               Our projects can't help the community without a stable foundation for them to run on
             </p>
+            <p>
+              Securitah
+            </p>
             <p>
               Read about more of the workshops we hold on our wiki, along with more information
               from infrastructure setup to event planning