woof84 · sutherlandhk · Jul 17, 2020 · Jul 20, 2020 · Oct 5, 2020 · Jul 21, 2021
diff --git a/README.md b/README.md
@@ -1,6 +1,18 @@
-CREATES!
+# CREATES
 
-Theme inspiration:
+## Guide for updating the code!
+
+Each page is an .html file with the corresponding letter in front. (e.g. c.html) The home page is index.html. The HTML includes comments that signpost the different sections!
+
+The "elements.html" files contain code for the various elements you can use in a page.
+
+Some of the other .html files, like "about.html" are remnants of the original Bootstrap Template. They can be deleted at this point.
+
+All assets are in the "img" folder. "/img/examples" contains the additional examples using a specific naming convention.
+
+All the H5P content is hosted on WI+RE's CCLE site.
+
+## Theme inspiration
 
 [Start Bootstrap - Business Casual](https://startbootstrap.com/template-overviews/business-casual/)
 
diff --git a/_config.yml b/_config.yml
@@ -18,9 +18,9 @@ email: uclawire@g.ucla.edu
 description: >- # this means to ignore newlines until "baseurl:"
   Resources for CREATES, an innovative method for understanding scientific articles.
 baseurl: "/creates" # the subpath of your site, e.g. /blog
-url: "https://woof84.github.io" # the base hostname & protocol for your site, e.g. http://example.com
+url: "https://uclalibrary.github.io" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: WIREbruin
-github_username:  woof84/creates
+github_username:  uclalibrary/creates
 facebook_username: WIREbruin
 permalink: /:collection/:title/
 

diff --git a/_includes/announcement.html b/_includes/announcement.html
@@ -0,0 +1,10 @@
+<div class="site-announcement">
+  <p>
+    WI+RE is transitioning to the
+    <a href="https://www.library.ucla.edu/about/programs/writing-instruction-and-research-education-wi-re">
+      UCLA Library WI+RE site
+    </a>.
+    This website will be retired August 1, 2026. Resources are being updated to improve accessibility and accuracy, and some content may change. If you are unable to access this content due to a disability, please email  
+    <a href="mailto:uclawire@library.ucla.edu">uclawire@library.ucla.edu</a> for assistance.
+  </p>
+</div>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -12,6 +12,7 @@ <h1 class="site-heading text-center text-white d-none d-lg-block">
     </h1>
 
     {% include navbar.html %}
+    {% include announcement.html %}
 
     <section class="page-section clearfix">
         <div class="container">
@@ -120,7 +121,7 @@ <h4>Site Authors</h4>
                                 <p><strong>Contributors:</strong> Salma Abumeeiz, Giselle Burns, Juan Díaz, Taylor Harper, Royson Lin, Christopher Lopez, Renee Romero, Hannah Sutherland, April Zhou</p>
                                 <h4>Additional Resources</h4>
                                 <ul>
-                                    <li><a href="https://teachcreate.org/" target="_blank">Teach C.R.E.A.T.E.</a></li>
+                                    <li><a href="https://web.archive.org/web/20230422193816/https://teachcreate.org/" target="_blank">Teach C.R.E.A.T.E.</a></li>
                                     <li><a href="https://uclalibrary.github.io/research-tips/" target="_blank">WI+RE (Writing Instruction + Research Education)</a></li>
                                     <li>Links to assessment and literature coming soon!</li>
                                 </ul>

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,4 +1,5 @@
 ---
 layout: default
 ---
-{{ content }}
+{% include announcement.html %}
+{{ content }}
diff --git a/_site/a/index.html b/_site/a/index.html
@@ -119,7 +119,7 @@ <h2 class="mb-0">
                                             <h3>Analyze the Figures</h3>
                                             <p><em>“For me, this step was very helpful because when I read papers before, I’d never actually read the figures. Reading the figures gave me a much better understanding of the paper.” - a CREATES student</em></p>
                                             <ol>
-                                                <li><strong>Fill out the CREATES analysis template: </strong>Choose one of the analysis templates below and fill it out for your figure. The templates is annotated with tips and examples to help guide your answers!</li>
+                                                <li><strong>Fill out the CREATES analysis template: </strong>Choose an analysis template below based on the types of experiments you identified in the previous step and fill it out for your figure. The templates are annotated with tips and examples to help guide your answers!</li>
                                                 <ul>
                                                     <li><a href="https://docs.google.com/document/d/1F4ami2ZzMX8CaoUFOHmJzmZAz3Be6bCHW0BtrdMr-4o/copy?copyComments=true" target="_blank">Descriptive Study</a></li>
                                                     <li><a href="https://docs.google.com/document/d/1du1Vx7Nuf7TKATtAMsOaMk-AnlYb9erx98LXHtKk22c/copy?copyComments=true" target="_blank">Experimental Test</a></li>
@@ -169,10 +169,63 @@ <h3 class="text-center">Example 1: <a href="https://microbiomejournal.biomedcent
                                 <div class="intro-button mx-auto mb-4">
                                     <a class="btn btn-primary" href="https://docs.google.com/document/d/19YyKRmbtOacKbPctkA9KsyFhhQQpqyCusqezHoo_uGE/copy?copyComments=true">Link to Google Doc</a>
                                 </div>
-                                <h3 class="text-center">Example 2: <a href="https://microbiomejournal.biomedcentral.com/articles/10.1186/s40168-016-0225-7?sap-outbound-id=59B4908C4DD66E2B3E14234738AF54E708A355BF " target="_blank">Temperate Phages</a> (Free Response)</h3>
+                                <h3 class="text-center">Example 2: <a href="https://journals.plos.org/plosgenetics/article?id=10.1371/journal.pgen.1004181" target="_blank">Temperate Phages</a> (Free Response)</h3>
                                 <div class="intro-button mx-auto mb-4">
-                                    <a class="btn btn-primary" href="https://docs.google.com/document/d/19YyKRmbtOacKbPctkA9KsyFhhQQpqyCusqezHoo_uGE/copy?copyComments=true">Link to Google Doc</a>
+                                    <a class="btn btn-primary" href="https://docs.google.com/document/d/1kyd47zLwnNnilSAwjtvhFCpzgvA0-aEXMcCCuPJqQjU/copy?copyComments=true">Link to Google Doc</a>
                                 </div>
+                                <div class="tab-content mt-3 text-center">
+                                    <h3 class="text-center">More Examples</h3>
+                                    <p>See below for some analysis examples created by two different students for the same scientific article (linked for your reference).</p>
+                                    <!--Moon et al. 2020-->
+                                    <h4 class="text-center mb-4"><a href="https://pubmed.ncbi.nlm.nih.gov/32482165/" target="_blank">Moon et al. 2020</a></h4>
+                                    <div class="row align-items-center">
+                                        <div class="col-sm mb-5">
+                                            <a href="http://localhost:4000/creates/img/examples/Moon2020-A-1.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Moon2020-A-1-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                        <div class="col-sm mb-5">
+                                            <a href="http://localhost:4000/creates/img/examples/Moon2020-A-2.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Moon2020-A-2-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                    </div>
+                                    <!--Tsao et al. 2018-->
+                                    <h4 class="text-center mb-4"><a href="https://pubmed.ncbi.nlm.nih.gov/30150232/" target="_blank">Tsao et al. 2018</a></h4>
+                                    <div class="row align-items-center">
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Tsao2018-A-1.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Tsao2018-A-1-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Tsao2018-A-2.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Tsao2018-A-2-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                    </div>
+                                    <!--Wang et al. 2019-->
+                                    <h4 class="text-center mb-4"><a href="https://pubmed.ncbi.nlm.nih.gov/31792408/" target="_blank">Wang et al. 2019</a></h4>
+                                    <div class="row align-items-center">
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Wang2019-A-1.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Wang2019-A-1-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Wang2019-A-2.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Wang2019-A-2-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                    </div>
+                                    <!--Wright et al. 2019-->
+                                    <h4 class="text-center mb-4"><a href="https://pubmed.ncbi.nlm.nih.gov/31551330/" target="_blank">Wright et al. 2019</a></h4>
+                                    <div class="row align-items-center">
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Wright2019-A-1.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Wright2019-A-1-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Wright2019-A-2.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Wright2019-A-2-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                    </div>
+                                    <!--Yuan et al. 2019-->
+                                    <h4 class="text-center mb-4"><a href="https://pubmed.ncbi.nlm.nih.gov/31551330/" target="_blank">Yuan et al. 2019</a></h4>
+                                    <div class="row align-items-center">
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Yuan2019-A-1.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Yuan2019-A-1-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                        <div class="col-sm mb-5 align-middle">
+                                            <a href="http://localhost:4000/creates/img/examples/Yuan2019-A-2.pdf"><img src="http://localhost:4000/creates/img/examples/thumbnails/Yuan2019-A-2-tn.jpeg" width="300px" alt="Analysis example"></a>
+                                        </div>
+                                    </div>
                             </div>
                         </div>
                     </div>
@@ -354,7 +407,7 @@ <h3>Ready?</h3>
 
 
                 <li class="list-inline-item">
-                    <a style="color: white" href="https://github.com/woof84/creates" aria-label="CREATES Github repository">
+                    <a style="color: white" href="https://github.com/uclalibrary/creates" aria-label="CREATES Github repository">
                         <span class="fa-stack fa-2x">
                             <i class="fas fa-circle fa-stack-2x"></i>
                             <i style="color: #053e60" class="fab fa-github fa-stack-1x fa-inverse"></i>
@@ -366,7 +419,7 @@ <h3>Ready?</h3>
 -->
             <p class="copyright">
                 <a style="color: white" href="https://creativecommons.org/licenses/by-nc-sa/3.0/us/" target="_blank" aria-label="Creative Commons Attribution-NonCommercial-ShareAlike"><i class="fab fa-creative-commons  fa-3x"></i><i class="fab fa-creative-commons-by fa-3x"></i><i class="fab fa-creative-commons-nc fa-3x"></i><i class="fab fa-creative-commons-share fa-3x"></i></a><br>
-                All content on this site is Creative Commons Attribution-NonCommercial-ShareAlike by The WI+RE Team 2020</p>
+                All content on this site is Creative Commons Attribution-NonCommercial-ShareAlike by The WI+RE Team 2021</p>
         </div>
     </div>
     </div>