diff --git a/.gitignore b/.gitignore
index 4276cbb..86848ea 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,7 @@ _site
 .jekyll-metadata
 .sass-cache
 Gemfile.lock
+.Rproj.user
+.Rhistory
+.RData
+.Ruserdata
diff --git a/Gemfile b/Gemfile
index ed09564..cf067f0 100644
--- a/Gemfile
+++ b/Gemfile
@@ -6,8 +6,11 @@ group :jekyll_plugins do
   gem 'jekyll-gist'
   gem 'jekyll-paginate'
   gem "jekyll-asciidoc"
+  gem 'jekyll-redirect-from'
 end
 
 gem 'asciidoctor', '~> 1.5.4'
 gem 'coderay', '1.1.1'
 
+
+gem "webrick", "~> 1.8"
diff --git a/Gemfile.lock b/Gemfile.lock
index 90acef1..abc5f8e 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.5)
+    addressable (2.8.4)
       public_suffix (>= 2.0.2, < 6.0)
     asciidoctor (1.5.8)
     coderay (1.1.1)
@@ -11,16 +11,16 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    faraday (2.7.10)
+    faraday (2.7.4)
       faraday-net_http (>= 2.0, < 3.1)
       ruby2_keywords (>= 0.0.4)
     faraday-net_http (3.0.2)
     ffi (1.15.5)
     forwardable-extended (2.6.0)
-    google-protobuf (3.23.4-arm64-darwin)
-    google-protobuf (3.23.4-x86_64-linux)
+    google-protobuf (3.22.3)
+    google-protobuf (3.22.3-x64-mingw-ucrt)
     http_parser.rb (0.8.0)
-    i18n (1.14.1)
+    i18n (1.12.0)
       concurrent-ruby (~> 1.0)
     jekyll (4.3.2)
       addressable (~> 2.4)
@@ -44,6 +44,8 @@ GEM
     jekyll-gist (1.5.0)
       octokit (~> 4.2)
     jekyll-paginate (1.1.0)
+    jekyll-redirect-from (0.16.0)
+      jekyll (>= 3.3, < 5.0)
     jekyll-sass-converter (3.0.0)
       sass-embedded (~> 1.54)
     jekyll-watch (2.2.1)
@@ -62,18 +64,20 @@ GEM
       sawyer (~> 0.9)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.3)
+    public_suffix (5.0.1)
+    rake (13.0.6)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.6)
-    rouge (4.1.3)
+    rexml (3.2.5)
+    rouge (4.1.0)
     ruby2_keywords (0.0.5)
     safe_yaml (1.0.5)
-    sass-embedded (1.64.2-arm64-darwin)
-      google-protobuf (~> 3.23)
-    sass-embedded (1.64.2-x86_64-linux-gnu)
-      google-protobuf (~> 3.23)
+    sass-embedded (1.62.0)
+      google-protobuf (~> 3.21)
+      rake (>= 10.0.0)
+    sass-embedded (1.62.0-x64-mingw-ucrt)
+      google-protobuf (~> 3.21)
     sawyer (0.9.2)
       addressable (>= 2.3.5)
       faraday (>= 0.17.3, < 3)
@@ -83,8 +87,8 @@ GEM
     webrick (1.8.1)
 
 PLATFORMS
-  arm64-darwin-22
-  x86_64-linux
+  ruby
+  x64-mingw-ucrt
 
 DEPENDENCIES
   asciidoctor (~> 1.5.4)
@@ -93,6 +97,8 @@ DEPENDENCIES
   jekyll-asciidoc
   jekyll-gist
   jekyll-paginate
+  jekyll-redirect-from
+  webrick (~> 1.8)
 
 BUNDLED WITH
-   2.4.18
+   2.4.12
diff --git a/ModelersAndStoryTellers.Rproj b/ModelersAndStoryTellers.Rproj
new file mode 100644
index 0000000..8e3c2eb
--- /dev/null
+++ b/ModelersAndStoryTellers.Rproj
@@ -0,0 +1,13 @@
+Version: 1.0
+
+RestoreWorkspace: Default
+SaveWorkspace: Default
+AlwaysSaveHistory: Default
+
+EnableCodeIndexing: Yes
+UseSpacesForTab: Yes
+NumSpacesForTab: 2
+Encoding: UTF-8
+
+RnwWeave: Sweave
+LaTeX: pdfLaTeX
diff --git a/_config.yml b/_config.yml
index 76d4eb9..cc00510 100644
--- a/_config.yml
+++ b/_config.yml
@@ -8,29 +8,37 @@
 #                                                 /____/
 #
 # Title of your website
-title: 'Feeling Responsive'
+title: 'Modelers & Storytellers'
 
 # The slogan describes your website and is used on homepage in <title> and other important places
-slogan: 'A Flexible Theme for Jekyll'
+slogan: 'Transdisciplinary Training to Advance Community Health Intervention Research'
 
 # The description is used on homepage and in the footer to quickly describe your website. Use a maximum of 150 characters for SEO-purposes.
-description: '»Feeling Responsive« is a responsive theme for Jekyll based on the fabulous foundation framework with beautiful typography and a bright color palette.'
+# description: '»Feeling Responsive« is a responsive theme for Jekyll based on the fabulous foundation framework with beautiful typography and a bright color palette.'
 
 # The credits show up in the includes/_footer.html – It would be nice of you to leave a link to Phlow or Feeling Responsive as a thank you :)
-credits: '<p>Created with &hearts; by <a href="http://phlow.de/">Phlow</a> with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>'
+# credits: '<p>Created with &hearts; by <a href="http://phlow.de/">Phlow</a> with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> based on <a href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a>.</p>'
+
+contact: '<p>
+650 Charles E. Young Dr. South, 16-035 Center for Health Sciences <br>
+Los Angeles, CA 90095-1772 <br>
+310.825.6381
+</p>'
+
+
 
 # Main author of the website
 # See > authors.yml
-author: phlow
+author: ucla-biostat
 
 # This URL is the main address for absolute links. Don't include a slash at the end.
 #
-url: 'https://phlow.github.io'
-baseurl: '/feeling-responsive'
+url: 'https://modelersandstorytellers.github.io'
+baseurl: ''
 
 # This is for the editing function in _/includes/improve_content
 # Leave it empty if your site is not on GitHub/GitHub Pages
-improve_content: https://github.com/Phlow/feeling-responsive/edit/gh-pages
+# improve_content: https://github.com/Phlow/feeling-responsive/edit/gh-pages
 
 # This URL points directly to the images directory making
 # things easier to link to images in posts and templates. It needs a slash at the end.
@@ -38,7 +46,7 @@ improve_content: https://github.com/Phlow/feeling-responsive/edit/gh-pages
 # Example: <img src="{{ site.urlimg }}{{ post.image.title }}" />
 # Markdown-Example for posts ![Image Text]({{ site.urlimg }}image.jpg)
 #
-urlimg: 'https://phlow.github.io/feeling-responsive/images/'
+urlimg: 'https://modelersandstorytellers.github.io/images'
 
 
 # Logo size is 600x80 pixels
@@ -143,8 +151,8 @@ defaults:
 #   ___/ / /___/ /_/ /
 #  /____/_____/\____/    Verify Website to Webmaster Tools
 
-google_site_verification        : 'Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ'
-bing_webmastertools_id          : '0FB4C028ABCF07C908C54386ABD2D97F'
+# google_site_verification        : 'Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ'
+# bing_webmastertools_id          : '0FB4C028ABCF07C908C54386ABD2D97F'
 # yandex_site_verification      : ''
 # alexa_verify_id               : ''
 
@@ -157,18 +165,18 @@ bing_webmastertools_id          : '0FB4C028ABCF07C908C54386ABD2D97F'
 #   /_/    \__,_/ |___/_/\___/\____/_/ /_/____/   Favicon-Crap: Favicons, Chrome, Android & Apple Touch Buttons
 #                                                 More information » https://mathiasbynens.be/notes/touch-icons
 
-favicon-32x32                        : 'favicon-32x32.png'
-touch-icon-192x192                   : 'touch-icon-192x192.png'
-apple-touch-icon-180x180-precomposed : 'apple-touch-icon-180x180-precomposed.png'
-apple-touch-icon-152x152-precomposed : 'apple-touch-icon-152x152-precomposed.png'
-apple-touch-icon-144x144-precomposed : 'apple-touch-icon-144x144-precomposed.png'
-apple-touch-icon-120x120-precomposed : 'apple-touch-icon-120x120-precomposed.png'
-apple-touch-icon-114x114-precomposed : 'apple-touch-icon-114x114-precomposed.png'
-apple-touch-icon-76x76-precomposed   : 'apple-touch-icon-76x76-precomposed.png'
-apple-touch-icon-72x72-precomposed   : 'apple-touch-icon-72x72-precomposed.png'
-apple-touch-icon-precomposed         : 'apple-touch-icon-precomposed.png'
-msapplication_tileimage              : 'msapplication_tileimage.png'               # Size 144x144
-msapplication_tilecolor              : '#fabb00'
+# favicon-32x32                        : 'favicon-32x32.png'
+# touch-icon-192x192                   : 'touch-icon-192x192.png'
+# apple-touch-icon-180x180-precomposed : 'apple-touch-icon-180x180-precomposed.png'
+# apple-touch-icon-152x152-precomposed : 'apple-touch-icon-152x152-precomposed.png'
+# apple-touch-icon-144x144-precomposed : 'apple-touch-icon-144x144-precomposed.png'
+# apple-touch-icon-120x120-precomposed : 'apple-touch-icon-120x120-precomposed.png'
+# apple-touch-icon-114x114-precomposed : 'apple-touch-icon-114x114-precomposed.png'
+# apple-touch-icon-76x76-precomposed   : 'apple-touch-icon-76x76-precomposed.png'
+# apple-touch-icon-72x72-precomposed   : 'apple-touch-icon-72x72-precomposed.png'
+# apple-touch-icon-precomposed         : 'apple-touch-icon-precomposed.png'
+# msapplication_tileimage              : 'msapplication_tileimage.png'               # Size 144x144
+# msapplication_tilecolor              : '#fabb00'
 
 
 #       ______                __                __
diff --git a/_data/authors.yml b/_data/authors.yml
index 491829f..bb7ef01 100644
--- a/_data/authors.yml
+++ b/_data/authors.yml
@@ -5,10 +5,10 @@
 # 3. Change default post/page authors in config.yml
 #
 # Resource › http://blog.sorryapp.com/blogging-with-jekyll/2014/02/06/adding-authors-to-your-jekyll-site.html
-phlow: # replace this with your info
-  name: "Phlow"
+ucla-biostat: # replace this with your info
+  name: "UCLA Biostatistics"
   siterole: "webmaster, developer, copywriter, designer"
-  uri: http://phlow.de/
-  email:
-  twitter: "@phlow"
+  uri: https://ph.ucla.edu/departments/biostatistics/
+  email: biostat@ucla.edu
+  twitter: "@ucla-biostat"
 # you can add more authors here
\ No newline at end of file
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 749b176..e6479a2 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -1,75 +1,76 @@
-- title: Start
+- title: Home
   url: "/"
   side: left
 
-- title: Getting Started
-  url: "/getting-started/"
+- title: Outcomes and Impact
+  url: "/Outcomes/"
   side: left
+  
 
-- title: "Templates"
-  url: "/design/"
-  side: left
-  dropdown:
-  - title: "Grid & Colors"
-    url: "/design/grid/"
-  - title: "Typography"
-    url: "/design/typography/typography/"
-  - title: "Page/Post"
-    url: "/design/page/"
-  - title: "Post-Left-Sidebar"
-    url: "/design/post-left-sidebar/"
-  - title: "Post-Right-Sidebar"
-    url: "/design/post-right-sidebar/"
-  - title: "Page Full-Width"
-    url: "/design/page-fullwidth/"
-  - title: "Blog-Page"
-    url: "/blog/"
-  - title: "Video"
-    url: "/design/video/"
-  - title: "Gallery"
-    url: "/design/gallery/"
-  - title: "Portfolio"
-    url: "/design/portfolio/"
+# - title: "Templates"
+#   url: "/design/"
+#   side: left
+#   dropdown:
+#   - title: "Grid & Colors"
+#     url: "/design/grid/"
+#   - title: "Typography"
+#     url: "/design/typography/typography/"
+#   - title: "Page/Post"
+#     url: "/design/page/"
+#   - title: "Post-Left-Sidebar"
+#     url: "/design/post-left-sidebar/"
+#   - title: "Post-Right-Sidebar"
+#     url: "/design/post-right-sidebar/"
+#   - title: "Page Full-Width"
+#     url: "/design/page-fullwidth/"
+#   - title: "Blog-Page"
+#     url: "/blog/"
+#   - title: "Video"
+#     url: "/design/video/"
+#   - title: "Gallery"
+#     url: "/design/gallery/"
+#   - title: "Portfolio"
+#     url: "/design/portfolio/"
 
-- title: "Header Styles"
-  url: "/headers/"
-  side: left
-  dropdown:
-  - title: "Header with Full-Width-Image"
-    url: "/design/header-full-width-image/"
-  - title: "Header with Image and Pattern"
-    url: "/design/header-image-pattern/"
-  - title: "Header with image and color"
-    url: "/design/header-image-color/"
-  - title: "Header Only With Logo"
-    url: "/design/header-logo-only/"
-  - title: "Header With Text"
-    url: "/design/header-with-text/"
-  - title: "No Header"
-    url: "/design/no-header/"
-  - title: "No Header but Image"
-    url: "/design/no-header-but-image/"
+# - title: "Header Styles"
+#   url: "/headers/"
+#   side: left
+#   dropdown:
+#   - title: "Header with Full-Width-Image"
+#     url: "/design/header-full-width-image/"
+#   - title: "Header with Image and Pattern"
+#     url: "/design/header-image-pattern/"
+#   - title: "Header with image and color"
+#     url: "/design/header-image-color/"
+#   - title: "Header Only With Logo"
+#     url: "/design/header-logo-only/"
+#   - title: "Header With Text"
+#     url: "/design/header-with-text/"
+#   - title: "No Header"
+#     url: "/design/no-header/"
+#   - title: "No Header but Image"
+#     url: "/design/no-header-but-image/"
 
-- title: Documentation
-  url: "/documentation/"
-  side: left
-  dropdown:
-  - title: "Changelog"
-    url: "/changelog/"
-  - title: "Roadmap"
-    url: "/roadmap/"
-
-- title: Blog
-  url: "/blog/"
-  side: left
-  dropdown:
-  - title: "Blog Archive"
-    url: "/blog/archive/"
+# - title: Documentation
+#   url: "/documentation/"
+#   side: left
+#   dropdown:
+#   - title: "Changelog"
+#     url: "/changelog/"
+#   - title: "Roadmap"
+#     url: "/roadmap/"
+# 
+# - title: Blog
+#   url: "/blog/"
+#   side: left
+#   dropdown:
+#   - title: "Blog Archive"
+#     url: "/blog/archive/"
 
-- title: "Search"
-  url: "/search/"
-  side: right
+#- title: "Search"
+#  url: "/search/"
+#  side: right
 
-- title: "Contact"
-  url: "/contact/"
-  side: right
+#- title: "Contact"
+#  url: "/contact/"
+#  side: right
diff --git a/_data/socialmedia.yml b/_data/socialmedia.yml
index 7befbab..f3da99c 100644
--- a/_data/socialmedia.yml
+++ b/_data/socialmedia.yml
@@ -1,37 +1,37 @@
-- name: GitHub
-  url: http://github.com/phlow
-  class: icon-github
-  title: Code und mehr...
-
-- name: YouTube
-  url: http://www.youtube.com/PhlowMedia
-  class: icon-youtube
-  title: "Videos, Video-Anleitungen und Filme von Phlow auf YouTube"
-
-- name: Twitter
-  url: http://twitter.com/phlow
-  class: icon-twitter
-  title: "Immer das Neuste von Phlow gibt es auf Twitter"
-
-- name: Mixcloud
-  url: http://www.mixcloud.com/phlow/
-  class: icon-cloud
-  title: "Mixe, was sonst?"
-
-# - name: Facebook
-#   url: http://www.facebook.com/
-#   class: icon-facebook
-#   title: ""
+# - name: GitHub
+#   url: https://github.com/NIH-R25-ModelersAndStoryTellers
+#   class: icon-github
+#   title: "Code und mehr..."
+
+# - name: YouTube
+#   url: http://www.youtube.com/NIH-R25-ModelersAndStoryTellers
+#   class: icon-youtube
+#   title: "Video"
+
+#- name: X
+#  url: http://twitter.com/NIH-R25-ModelersAndStoryTellers/
+#  class: icon-twitter
+#  title: ""
+
+# - name: Mixcloud
+#   url: http://www.mixcloud.com/NIH-R25-ModelersAndStoryTellers/
+#   class: icon-cloud
+#   title: "Mixe, was sonst?"
+
+- name: Facebook
+  url: https://www.facebook.com/uclafsph/
+  class: icon-facebook
+  title: "Facebook"
 
 # - name: Soundcloud
 #   url: http://soundcloud.com/
 #   class: icon-soundcloud
 #   title: ""
 
-# - name: Instagram
-#   url: http://instagram.com/
-#   class: icon-instagram
-#   title: ""
+- name: Instagram
+  url: https://www.instagram.com/uclafsph/
+  class: icon-instagram
+  title: "Instagram"
 
 # - name: Pinterest
 #   url: http://www.pinterest.com/
@@ -42,3 +42,9 @@
 #   url: https://www.xing.com/profile/
 #   class: icon-xing
 #   title: Xing Profil
+
+- name: LinkedIn
+  url: https://www.linkedin.com/school/fsph/
+  class: icon-linkedin
+  title: "LinkedIn"
+  
diff --git a/_includes/_footer.html b/_includes/_footer.html
index c567688..1d82dc7 100755
--- a/_includes/_footer.html
+++ b/_includes/_footer.html
@@ -6,7 +6,7 @@
 
 
     <footer id="footer-content" class="bg-grau">
-      <div id="footer">
+      <!--<div id="footer">
         <div class="row">
           <div class="medium-6 large-5 columns">
             <h5 class="shadow-black">{{ site.data.language.info_website }}</h5>
@@ -15,7 +15,7 @@ <h5 class="shadow-black">{{ site.data.language.info_website }}</h5>
               {{ site.description }}
               <a href="{{ site.url }}{{ site.baseurl }}/info/">{{ site.data.language.more }}</a>
             </p>
-          </div><!-- /.large-6.columns -->
+          </div>
 
 
           <div class="small-6 medium-3 large-3 large-offset-1 columns">
@@ -33,7 +33,7 @@ <h5 class="shadow-black">{{ service_item.menu_name }}</h5>
                   </li>
               {% endfor %}
               </ul>
-          </div><!-- /.large-4.columns -->
+          </div>
 
 
           <div class="small-6 medium-3 large-3 columns">
@@ -51,16 +51,16 @@ <h5 class="shadow-black">{{ network_item.menu_name }}</h5>
                 </li>
             {% endfor %}
             </ul>
-          </div><!-- /.large-3.columns -->
-        </div><!-- /.row -->
-
-      </div><!-- /#footer -->
+          </div>
+        </div>
 
+      </div>
+    -->
 
       <div id="subfooter">
         <nav class="row">
           <section id="subfooter-left" class="small-12 medium-6 columns credits">
-            {{ site.credits }}
+            {{ site.contact }}
           </section>
 
           <section id="subfooter-right" class="small-12 medium-6 columns">
@@ -73,3 +73,12 @@ <h5 class="shadow-black">{{ network_item.menu_name }}</h5>
         </nav>
       </div><!-- /#subfooter -->
     </footer>
+    
+    
+    
+    
+    
+    
+    
+    
+    
diff --git a/_includes/_sidebar.html b/_includes/_sidebar.html
index e3ceae1..cd6a283 100644
--- a/_includes/_sidebar.html
+++ b/_includes/_sidebar.html
@@ -1,20 +1,84 @@
-<aside>
-	<div class="panel radius">
-		<h3>Sidebar</h3>
-		<p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 
-			Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-		</p>
+<aside>
+  
+  
+  <h3>Program Leadership</h3> <br>
+  
+  
+	<div class="panel radius b30" style="display: flex;  justify-content: space-between; align-items: center; background-color: #fdfdfd;">
+	  <div style="margin-right: 10px;">
+  		<h4> <a href="https://ph.ucla.edu/about/faculty-staff-directory/may-c-wang">  May C. Wang </a> </h4>
+  		<p>
+          Professor, DrPH, MPH <br>
+          Community Health Sciences
+  		</p>
+    </div>
+		<img src="https://ph.ucla.edu/sites/default/files/styles/large/public/2023-04/May%20Wang%20500x500.png?itok=33Ty8ASK" alt="image not available" style="margin-right: 10px;" width="100" height="100">
+	</div>
+	
+	
+	
+	<div class="panel radius b30" style="display: flex;  justify-content: space-between; align-items: center; background-color: #fdfdfd;">
+	  <div style="margin-right: 10px;">
+  		<h4>  <a href="https://ph.ucla.edu/about/faculty-staff-directory/hua-zhou">  Hua Zhou  </a> </h4>
+  		<p>
+          Professor, PhD, MS <br>
+          Biostatistics and Computational Medicine
+  		</p>
+    </div>
+		<img src="https://ph.ucla.edu/sites/default/files/styles/large/public/2022-12/___Hua_Zhou-3sq.jpg?itok=mcQYIRtA" alt="Image not available" style="margin-right: 10px;" width="100" height="100">
 	</div>
+	
+	
+	
+	<div class="panel radius b30" style="display: flex;  justify-content: space-between; align-items: center; background-color: #fdfdfd;">
+	  <div style="margin-right: 10px;">
+  		<h4>  <a href="https://ph.ucla.edu/about/faculty-staff-directory/michael-prelip">  Michael Prelip  </a> </h4>
+  		<p>
+          Professor, DPA, MPH <br>
+          Community Health Sciences
+  		</p>
+    </div>
+  	<img src="https://ph.ucla.edu/sites/default/files/styles/large/public/2022-12/Michael%20Prelip_500x500.jpg?itok=wvNA9jyA" alt="Image not available" style="margin-right: 10px;" width="100" height="100">
+	</div>
+	
+	
+	<div class="panel radius b30" style="display: flex;  justify-content: space-between; align-items: center; background-color: #fdfdfd;">
+    <div style="margin-right: 10px;">
+        <h4>  <a href="https://ph.ucla.edu/about/faculty-staff-directory/roch-nianogo">  Roch Nianogo  </a> </h4>
+        <p>
+            Professor, MD, PhD <br>
+            Epidemiology
+        </p>
+    </div>
+    <img src="https://ph.ucla.edu/sites/default/files/styles/large/public/2022-08/Nianogo%2C%20R_500x500.JPG?itok=L0aYNRr3" alt="Image not available" width="100" height="100">
+  </div>
 
-  <img class="b30" src="http://dummyimage.com/303x16:9/df4949/e27b3f.png&amp;text=Ugly+Ad+Space" alt="">
 
 
-	<div class="border-dotted radius b30">
-		<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
+	<h3>Contact</h3> <br>
+	
+	
+	
+	<div class="border-dotted radius b30" style="display: flex; align-items: center; background-color: #fdfdfd;">
+		<img src="https://ph.ucla.edu/sites/default/files/styles/standard/public/2024-01/Emily-Abrahams-Headshot.jpg?itok=-qcVmwUa" alt="uh, Placekitten" style="margin-right: 10px;" width="150" height="150">
+		
 		<p class="text-left">
-			This is an advertisment with a crazy cat! <a href="http://placekitten.com/">More cats, please!</a>
+			<strong>Emily Abrahams</strong> <br>
+			Program Manager <br>
+			<a href="mailto:emilya89@ucla.edu"> emilya89@ucla.edu </a>
 		</p>
-	</div>
-</aside>
\ No newline at end of file
+	</div> 
+	
+	
+<div class="border-dotted radius b30" style="background-color: #fdfdfd; color=#FFD100;  border: 3px solid #FFD700;">
+		 <a class="button large radius {{ page.callforaction.style }}" href="{{ url }}{{ page.callforaction.url }}"{% if page.callforaction.url contains 'http' %} target="_blank" {% endif %}>{{ page.callforaction.text }}</a>
+		
+		<p class="text-left">
+			Submit an application for the UCLA Modelers and Storytellers Transdisciplinary Training.
+		</p>
+	</div> 
+	
+	
+	
+</aside>
diff --git a/_layouts/page.html b/_layouts/page.html
index f9fba5c..0b4fbd2 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -3,7 +3,7 @@
 format: post
 ---
 <div class="row t30">
-	<div class="medium-8 columns{% if page.sidebar == NULL %} medium-offset-2 end{% endif %}{% if page.sidebar == "left" %} medium-push-4{% endif %}">
+	<div class="medium-7 columns{% if page.sidebar == NULL %} medium-offset-2 end{% endif %}{% if page.sidebar == "left" %} medium-push-5{% endif %}">
 		<article itemscope itemtype="http://schema.org/Article">
 			<header>
 				{% if page.image.title %}
@@ -51,14 +51,14 @@ <h1>{{ page.title }}</h1>
 
 
 	{% if page.sidebar == "left" %}
-	<div class="medium-4 columns medium-pull-8">
+	<div class="medium-5 columns medium-pull-7">
 		{% include _sidebar.html %}
 	</div><!-- /.medium-4.columns -->
 	{% endif %}
 
 
 	{% if page.sidebar == "right" %}
-	<div class="medium-4 columns">
+	<div class="medium-5 columns">
 		{% include _sidebar.html %}
 	</div><!-- /.medium-4.columns -->
 	{% endif %}
diff --git a/_sass/_01_settings_colors.scss b/_sass/_01_settings_colors.scss
index dcedd19..a1bce18 100644
--- a/_sass/_01_settings_colors.scss
+++ b/_sass/_01_settings_colors.scss
@@ -18,7 +18,8 @@
 
 $text-color         : #111;
 $body-font-color    : $text-color;
-$body-bg            : #fdfdfd;
+/*$body-bg            : #f0f8ff;  */
+$body-bg            : #edf3fa;
 
 
 
@@ -26,12 +27,12 @@ $body-bg            : #fdfdfd;
    https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/
 ------------------------------------------------------------------- */
 
-$ci-1               : #334D5C; // dark turquoise
-$ci-2               : #45B29D; // turquoise
-$ci-3               : #EFC94C; // yellow
+$ci-1               : #2774AE; // UCLA blue
+$ci-2               : #DAEBFE; // UCLA lightest blue
+$ci-3               : #FFD100; // UCLA gold
 $ci-4               : #E27A3F; // orange
 $ci-5               : #DF4949; // red
-$ci-6               : #A1D044; // green
+$ci-6               : #2774AE; // UCLA blue
 
 
 
@@ -39,7 +40,7 @@ $ci-6               : #A1D044; // green
 ------------------------------------------------------------------- */
 
 $primary-color      : $ci-1;
-$secondary-color    : $ci-6;
+$secondary-color    : $ci-3;
 $alert-color        : $ci-5;
 $success-color      : $ci-6;
 $warning-color      : $ci-4;
@@ -72,8 +73,10 @@ $grey-16            : #0B0B0B;
 /* Topbar-Navigation
 ------------------------------------------------------------------- */
 
-$topbar-bg-color    : $body-bg;
-$topbar-bg          : $topbar-bg-color;
+/*$topbar-bg-color    : $body-bg; */
+$topbar-bg-color    : $ci-1;
+/*$topbar-bg          : $topbar-bg-color;*/
+$topbar-bg          : $body-bg;
 
 
 $topbar-dropdown-toggle-color: $ci-1;
@@ -86,7 +89,7 @@ $topbar-link-color-active-hover: #000;
 $topbar-dropdown-label-color: $ci-2;
 $topbar-dropdown-link-bg-hover: $ci-6;
 
-$topbar-link-bg-active: $ci-6; // Active Navigation Link
+$topbar-link-bg-active: $ci-3; // Active Navigation Link
 $topbar-link-bg-hover: $ci-6;
 $topbar-link-bg-active-hover: $ci-2;
 
diff --git a/images/May Wang 500x500.avif b/images/May Wang 500x500.avif
new file mode 100644
index 0000000..d3a8219
Binary files /dev/null and b/images/May Wang 500x500.avif differ
diff --git a/images/Michael Prelip_500x500.avif b/images/Michael Prelip_500x500.avif
new file mode 100644
index 0000000..3cab3a0
Binary files /dev/null and b/images/Michael Prelip_500x500.avif differ
diff --git a/images/Nianogo, R_500x500.avif b/images/Nianogo, R_500x500.avif
new file mode 100644
index 0000000..740df7c
Binary files /dev/null and b/images/Nianogo, R_500x500.avif differ
diff --git a/images/___Hua_Zhou-3sq.avif b/images/___Hua_Zhou-3sq.avif
new file mode 100644
index 0000000..1bdb3e7
Binary files /dev/null and b/images/___Hua_Zhou-3sq.avif differ
diff --git a/images/blank_portrait.png b/images/blank_portrait.png
new file mode 100644
index 0000000..b9fc098
Binary files /dev/null and b/images/blank_portrait.png differ
diff --git a/images/gallery-example-1-thumb.jpg b/images/examples/gallery-example-1-thumb.jpg
similarity index 100%
rename from images/gallery-example-1-thumb.jpg
rename to images/examples/gallery-example-1-thumb.jpg
diff --git a/images/gallery-example-1.jpg b/images/examples/gallery-example-1.jpg
similarity index 100%
rename from images/gallery-example-1.jpg
rename to images/examples/gallery-example-1.jpg
diff --git a/images/gallery-example-2-thumb.jpg b/images/examples/gallery-example-2-thumb.jpg
similarity index 100%
rename from images/gallery-example-2-thumb.jpg
rename to images/examples/gallery-example-2-thumb.jpg
diff --git a/images/gallery-example-2.jpg b/images/examples/gallery-example-2.jpg
similarity index 100%
rename from images/gallery-example-2.jpg
rename to images/examples/gallery-example-2.jpg
diff --git a/images/gallery-example-3-thumb.jpg b/images/examples/gallery-example-3-thumb.jpg
similarity index 100%
rename from images/gallery-example-3-thumb.jpg
rename to images/examples/gallery-example-3-thumb.jpg
diff --git a/images/gallery-example-3.jpg b/images/examples/gallery-example-3.jpg
similarity index 100%
rename from images/gallery-example-3.jpg
rename to images/examples/gallery-example-3.jpg
diff --git a/images/gallery-example-4-thumb.jpg b/images/examples/gallery-example-4-thumb.jpg
similarity index 100%
rename from images/gallery-example-4-thumb.jpg
rename to images/examples/gallery-example-4-thumb.jpg
diff --git a/images/gallery-example-4.jpg b/images/examples/gallery-example-4.jpg
similarity index 100%
rename from images/gallery-example-4.jpg
rename to images/examples/gallery-example-4.jpg
diff --git a/images/gallery-example-5-thumb.jpg b/images/examples/gallery-example-5-thumb.jpg
similarity index 100%
rename from images/gallery-example-5-thumb.jpg
rename to images/examples/gallery-example-5-thumb.jpg
diff --git a/images/gallery-example-5.jpg b/images/examples/gallery-example-5.jpg
similarity index 100%
rename from images/gallery-example-5.jpg
rename to images/examples/gallery-example-5.jpg
diff --git a/images/gallery-example-6-thumb.jpg b/images/examples/gallery-example-6-thumb.jpg
similarity index 100%
rename from images/gallery-example-6-thumb.jpg
rename to images/examples/gallery-example-6-thumb.jpg
diff --git a/images/gallery-example-6.jpg b/images/examples/gallery-example-6.jpg
similarity index 100%
rename from images/gallery-example-6.jpg
rename to images/examples/gallery-example-6.jpg
diff --git a/images/gallery-example-7-thumb.jpg b/images/examples/gallery-example-7-thumb.jpg
similarity index 100%
rename from images/gallery-example-7-thumb.jpg
rename to images/examples/gallery-example-7-thumb.jpg
diff --git a/images/gallery-example-7.jpg b/images/examples/gallery-example-7.jpg
similarity index 100%
rename from images/gallery-example-7.jpg
rename to images/examples/gallery-example-7.jpg
diff --git a/images/gallery-example-8-thumb.jpg b/images/examples/gallery-example-8-thumb.jpg
similarity index 100%
rename from images/gallery-example-8-thumb.jpg
rename to images/examples/gallery-example-8-thumb.jpg
diff --git a/images/gallery-example-8.jpg b/images/examples/gallery-example-8.jpg
similarity index 100%
rename from images/gallery-example-8.jpg
rename to images/examples/gallery-example-8.jpg
diff --git a/images/header-bus-thumb.jpg b/images/examples/header-bus-thumb.jpg
similarity index 100%
rename from images/header-bus-thumb.jpg
rename to images/examples/header-bus-thumb.jpg
diff --git a/images/header-bus.jpg b/images/examples/header-bus.jpg
similarity index 100%
rename from images/header-bus.jpg
rename to images/examples/header-bus.jpg
diff --git a/images/header_drop.jpg b/images/examples/header_drop.jpg
similarity index 100%
rename from images/header_drop.jpg
rename to images/examples/header_drop.jpg
diff --git a/images/header_roadmap_2.jpg b/images/examples/header_roadmap_2.jpg
similarity index 100%
rename from images/header_roadmap_2.jpg
rename to images/examples/header_roadmap_2.jpg
diff --git a/images/header_roadmap_3.jpg b/images/examples/header_roadmap_3.jpg
similarity index 100%
rename from images/header_roadmap_3.jpg
rename to images/examples/header_roadmap_3.jpg
diff --git a/images/header_typewriter.jpg b/images/examples/header_typewriter.jpg
similarity index 100%
rename from images/header_typewriter.jpg
rename to images/examples/header_typewriter.jpg
diff --git a/images/header_unsplash_1.jpg b/images/examples/header_unsplash_1.jpg
similarity index 100%
rename from images/header_unsplash_1.jpg
rename to images/examples/header_unsplash_1.jpg
diff --git a/images/header_unsplash_12.jpg b/images/examples/header_unsplash_12.jpg
similarity index 100%
rename from images/header_unsplash_12.jpg
rename to images/examples/header_unsplash_12.jpg
diff --git a/images/header_unsplash_2-970x.jpg b/images/examples/header_unsplash_2-970x.jpg
similarity index 100%
rename from images/header_unsplash_2-970x.jpg
rename to images/examples/header_unsplash_2-970x.jpg
diff --git a/images/header_unsplash_2.jpg b/images/examples/header_unsplash_2.jpg
similarity index 100%
rename from images/header_unsplash_2.jpg
rename to images/examples/header_unsplash_2.jpg
diff --git a/images/header_unsplash_4.jpg b/images/examples/header_unsplash_4.jpg
similarity index 100%
rename from images/header_unsplash_4.jpg
rename to images/examples/header_unsplash_4.jpg
diff --git a/images/header_unsplash_5.jpg b/images/examples/header_unsplash_5.jpg
similarity index 100%
rename from images/header_unsplash_5.jpg
rename to images/examples/header_unsplash_5.jpg
diff --git a/images/header_unsplash_6.jpg b/images/examples/header_unsplash_6.jpg
similarity index 100%
rename from images/header_unsplash_6.jpg
rename to images/examples/header_unsplash_6.jpg
diff --git a/images/header_unsplash_7.jpg b/images/examples/header_unsplash_7.jpg
similarity index 100%
rename from images/header_unsplash_7.jpg
rename to images/examples/header_unsplash_7.jpg
diff --git a/images/header_unsplash_8.jpg b/images/examples/header_unsplash_8.jpg
similarity index 100%
rename from images/header_unsplash_8.jpg
rename to images/examples/header_unsplash_8.jpg
diff --git a/images/header_unsplash_9.jpg b/images/examples/header_unsplash_9.jpg
similarity index 100%
rename from images/header_unsplash_9.jpg
rename to images/examples/header_unsplash_9.jpg
diff --git a/images/header_unsplash_leaf.jpg b/images/examples/header_unsplash_leaf.jpg
similarity index 100%
rename from images/header_unsplash_leaf.jpg
rename to images/examples/header_unsplash_leaf.jpg
diff --git a/images/homepage_typography-thumb.jpg b/images/examples/homepage_typography-thumb.jpg
similarity index 100%
rename from images/homepage_typography-thumb.jpg
rename to images/examples/homepage_typography-thumb.jpg
diff --git a/images/homepage_typography.jpg b/images/examples/homepage_typography.jpg
similarity index 100%
rename from images/homepage_typography.jpg
rename to images/examples/homepage_typography.jpg
diff --git a/images/mediaplayer_js-home.jpg b/images/examples/mediaplayer_js-home.jpg
similarity index 100%
rename from images/mediaplayer_js-home.jpg
rename to images/examples/mediaplayer_js-home.jpg
diff --git a/images/mediaplayer_js-thumb.jpg b/images/examples/mediaplayer_js-thumb.jpg
similarity index 100%
rename from images/mediaplayer_js-thumb.jpg
rename to images/examples/mediaplayer_js-thumb.jpg
diff --git a/images/mediaplayer_js-title.jpg b/images/examples/mediaplayer_js-title.jpg
similarity index 100%
rename from images/mediaplayer_js-title.jpg
rename to images/examples/mediaplayer_js-title.jpg
diff --git a/images/pattern_concrete.jpg b/images/examples/pattern_concrete.jpg
similarity index 100%
rename from images/pattern_concrete.jpg
rename to images/examples/pattern_concrete.jpg
diff --git a/images/presentation-feeling-responsive.jpg b/images/examples/presentation-feeling-responsive.jpg
similarity index 100%
rename from images/presentation-feeling-responsive.jpg
rename to images/examples/presentation-feeling-responsive.jpg
diff --git a/images/promo-video-start.png b/images/examples/promo-video-start.png
similarity index 100%
rename from images/promo-video-start.png
rename to images/examples/promo-video-start.png
diff --git a/images/start-video-feeling-responsive-302x182.jpg b/images/examples/start-video-feeling-responsive-302x182.jpg
similarity index 100%
rename from images/start-video-feeling-responsive-302x182.jpg
rename to images/examples/start-video-feeling-responsive-302x182.jpg
diff --git a/images/typewriter-thumb.jpg b/images/examples/typewriter-thumb.jpg
similarity index 100%
rename from images/typewriter-thumb.jpg
rename to images/examples/typewriter-thumb.jpg
diff --git a/images/unsplash_9.jpg b/images/examples/unsplash_9.jpg
similarity index 100%
rename from images/unsplash_9.jpg
rename to images/examples/unsplash_9.jpg
diff --git a/images/unsplash_brooklyn-bridge-thumb.jpg b/images/examples/unsplash_brooklyn-bridge-thumb.jpg
similarity index 100%
rename from images/unsplash_brooklyn-bridge-thumb.jpg
rename to images/examples/unsplash_brooklyn-bridge-thumb.jpg
diff --git a/images/unsplash_brooklyn-bridge_header.jpg b/images/examples/unsplash_brooklyn-bridge_header.jpg
similarity index 100%
rename from images/unsplash_brooklyn-bridge_header.jpg
rename to images/examples/unsplash_brooklyn-bridge_header.jpg
diff --git a/images/unsplash_eagle.jpg b/images/examples/unsplash_eagle.jpg
similarity index 100%
rename from images/unsplash_eagle.jpg
rename to images/examples/unsplash_eagle.jpg
diff --git a/images/video-feeling-responsive-1280x720.jpg b/images/examples/video-feeling-responsive-1280x720.jpg
similarity index 100%
rename from images/video-feeling-responsive-1280x720.jpg
rename to images/examples/video-feeling-responsive-1280x720.jpg
diff --git a/images/video-feeling-responsive-tutorial-frontpage.jpg b/images/examples/video-feeling-responsive-tutorial-frontpage.jpg
similarity index 100%
rename from images/video-feeling-responsive-tutorial-frontpage.jpg
rename to images/examples/video-feeling-responsive-tutorial-frontpage.jpg
diff --git a/images/webdesign_screenshot_andersneu.jpg b/images/examples/webdesign_screenshot_andersneu.jpg
similarity index 100%
rename from images/webdesign_screenshot_andersneu.jpg
rename to images/examples/webdesign_screenshot_andersneu.jpg
diff --git a/images/webdesign_screenshot_jcorneille.jpg b/images/examples/webdesign_screenshot_jcorneille.jpg
similarity index 100%
rename from images/webdesign_screenshot_jcorneille.jpg
rename to images/examples/webdesign_screenshot_jcorneille.jpg
diff --git a/images/webdesign_screenshot_moritz_sauer.jpg b/images/examples/webdesign_screenshot_moritz_sauer.jpg
similarity index 100%
rename from images/webdesign_screenshot_moritz_sauer.jpg
rename to images/examples/webdesign_screenshot_moritz_sauer.jpg
diff --git a/images/webdesign_screenshot_mosonic.jpg b/images/examples/webdesign_screenshot_mosonic.jpg
similarity index 100%
rename from images/webdesign_screenshot_mosonic.jpg
rename to images/examples/webdesign_screenshot_mosonic.jpg
diff --git a/images/webdesign_screenshot_phlow.jpg b/images/examples/webdesign_screenshot_phlow.jpg
similarity index 100%
rename from images/webdesign_screenshot_phlow.jpg
rename to images/examples/webdesign_screenshot_phlow.jpg
diff --git a/images/widget-1-302x182.jpg b/images/examples/widget-1-302x182.jpg
similarity index 100%
rename from images/widget-1-302x182.jpg
rename to images/examples/widget-1-302x182.jpg
diff --git a/images/widget-github-303x182.jpg b/images/examples/widget-github-303x182.jpg
similarity index 100%
rename from images/widget-github-303x182.jpg
rename to images/examples/widget-github-303x182.jpg
diff --git a/images/screenshots/screenshot1.png b/images/screenshots/screenshot1.png
new file mode 100644
index 0000000..22d5720
Binary files /dev/null and b/images/screenshots/screenshot1.png differ
diff --git a/images/screenshots/screenshot2.png b/images/screenshots/screenshot2.png
new file mode 100644
index 0000000..8bbafcf
Binary files /dev/null and b/images/screenshots/screenshot2.png differ
diff --git a/images/screenshots/screenshot3.png b/images/screenshots/screenshot3.png
new file mode 100644
index 0000000..a338a53
Binary files /dev/null and b/images/screenshots/screenshot3.png differ
diff --git a/images/screenshots/screenshot4.png b/images/screenshots/screenshot4.png
new file mode 100644
index 0000000..6c8799f
Binary files /dev/null and b/images/screenshots/screenshot4.png differ
diff --git a/images/screenshots/screenshot5.png b/images/screenshots/screenshot5.png
new file mode 100644
index 0000000..7f601ed
Binary files /dev/null and b/images/screenshots/screenshot5.png differ
diff --git a/images/screenshots/screenshot6.png b/images/screenshots/screenshot6.png
new file mode 100644
index 0000000..0bf1ad9
Binary files /dev/null and b/images/screenshots/screenshot6.png differ
diff --git a/pages/Outcomes.md b/pages/Outcomes.md
new file mode 100644
index 0000000..9c4813f
--- /dev/null
+++ b/pages/Outcomes.md
@@ -0,0 +1,21 @@
+---
+layout              : page
+show_meta           : false
+title               : "Outcomes and Impact"
+subheadline         : ""
+teaser              : ""
+header:
+   image_fullwidth  : "header_homepage_13.jpg"
+   title: "Change or remove photo, text overlay"
+permalink           : "/Outcomes/"
+---
+
+Or, add this info to the bottom of Homepage. 
+
+## Summer 2023 (Cohort 1)
+
+Text here. Or, it can have it's own page on drop-down menu. 
+
+## Summer 2024 (Cohort 2)
+
+Text here. Or, it can have it's own page on drop-down menu. 
\ No newline at end of file
diff --git a/pages/contact.md b/pages/contact.md
index 573da45..19073d5 100644
--- a/pages/contact.md
+++ b/pages/contact.md
@@ -6,4 +6,6 @@ subheadline         : "Contact Form"
 teaser              : "Get in touch with me? Use the contact form."
 permalink           : "/contact/"
 ---
-If you need a fabulous contact form for your website, I suggest you use the free version of [Wufoo](http://www.wufoo.com/)
\ No newline at end of file
+If you need a fabulous contact form for your website, I suggest you use the free version of [Wufoo](http://www.wufoo.com/)
+
+Can embed Qualtrics form, google form, etc. 
\ No newline at end of file
diff --git a/pages/pages-root-folder/index.md b/pages/pages-root-folder/index.md
index 6b09535..47bf69b 100644
--- a/pages/pages-root-folder/index.md
+++ b/pages/pages-root-folder/index.md
@@ -4,25 +4,10 @@
 # inserted automagically in the webpage. To make
 # this work, you have to use › layout: frontpage
 #
-layout: frontpage
-header:
-  image_fullwidth: header_unsplash_12.jpg
-widget1:
-  title: "Blog & Portfolio"
-  url: 'http://phlow.github.io/feeling-responsive/blog/'
-  image: widget-1-302x182.jpg
-  text: 'Every good portfolio website has a blog with fresh news, thoughts and develop&shy;ments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog with an archive page to give readers a quick overview of all your posts.'
-widget2:
-  title: "Why use this theme?"
-  url: 'http://phlow.github.io/feeling-responsive/info/'
-  text: '<em>Feeling Responsive</em> is heavily customizable.<br/>1. Language-Support :)<br/>2. Optimized for speed and it&#39;s responsive.<br/>3. Built on <a href="http://foundation.zurb.com/">Foundation Framework</a>.<br/>4. Seven different Headers.<br/>5. Customizable navigation, footer,...'
-  video: '<a href="#" data-reveal-id="videoModal"><img src="http://phlow.github.io/feeling-responsive/images/start-video-feeling-responsive-302x182.jpg" width="302" height="182" alt=""/></a>'
-widget3:
-  title: "Download Theme"
-  url: 'https://github.com/Phlow/feeling-responsive'
-  image: widget-github-303x182.jpg
-  text: '<em>Feeling Responsive</em> is free and licensed under a MIT License. Make it your own and start building. The code is well-documented and explains you how it works.'
-#
+layout: page
+sidebar: right
+header: none
+
 # Use the call for action to show a button on the frontpage
 #
 # To make internal links, just use a permalink like this
@@ -33,9 +18,9 @@ widget3:
 # To change colors see sass/_01_settings_colors.scss
 #
 callforaction:
-  url: https://tinyletter.com/feeling-responsive
-  text: Inform me about new updates and features ›
-  style: alert
+  url: https://uclahs.az1.qualtrics.com/jfe/form/SV_6L0cLVQhq2LxPcq
+  text: Apply Now! ›
+  style: info
 permalink: /index.html
 #
 # This is a nasty hack to make the navigation highlight
@@ -44,9 +29,66 @@ permalink: /index.html
 homepage: true
 ---
 
-<div id="videoModal" class="reveal-modal large" data-reveal="">
-  <div class="flex-video widescreen vimeo" style="display: block;">
-    <iframe width="1280" height="720" src="https://www.youtube.com/embed/3b5zCFSmVvU" frameborder="0" allowfullscreen></iframe>
-  </div>
-  <a class="close-reveal-modal">&#215;</a>
-</div>
+
+# About the Modelers and Storytellers Transdisciplinary Training 
+
+In public health, there has been increased interest in using community-engaged approaches to develop “multilevel interventions.”  Evaluating the impact of such interventions is challenging because it is often not feasible to use a randomized controlled trial design. 
+Systems science and data science methods have been proposed as an alternative for evaluating such interventions by allowing researchers to investigate the complex causal mechanisms that shape health outcomes and inequities, then simulate the potential impact. Applying these methodologies effectively typically requires researchers trained in diverse disciplines (such as community health, sociology, economics, medicine, biostatistics, and computer science) to integrate their knowledge and skills effectively.
+The Modelers and Storytellers Transdisciplinary Training is a two-week virtual summer research education program that will prepare predoctoral and postdoctoral trainees as well as early-career researchers to apply systems and/or data science methods to community-engaged health disparities research. The goal is to accelerate the translation of research into practice to address real-world, complex health issues especially as they relate to health disparities.
+ 
+Students and researchers from diverse disciplines, including but not limited to public health, statistics, computer science, systems engineering, or related fields, who are interested in identifying and addressing health disparities, are encouraged to apply.
+
+Launched in the summer of 2023, the Modelers and Storytellers Transdisciplinary Training will provide 75 trainees over the course of three years (25 per cohort) with the knowledge and skills necessary for applying systems science and data science methods. Additionally, 10 trainees a year interested in gaining more hands-on experience will participate in a one-week practicum experience following the training. 
+
+
+
+## Summer 2025 Training Details
+
+*	**Dates**: Monday, June 16 - Wednesday, July 2, 2024
+*	**Schedule**: M-F; 8:30 am - 2:30 pm Pacific Standard Time
+*	**Format**: Virtual via Zoom
+*	**Participant expectation**: must attend all sessions
+*	**Cost**: None
+
+
+## Optional Summer 2025 Practicum Details
+
+*	**Dates**: Monday July 7- Friday July 11, 2025
+*	**Schedule**: M-F; 8:30 am - 4:30 pm Pacific Standard Time
+*	**Format**: Live (at UCLA Campus) or Virtual (via Zoom)
+*	**Participant expectation**: must attend all sessions
+*	**Cost**: None
+
+## Eligibility Requirements
+
+1.	Be a U.S. citizen or permanent resident 
+2.	Education (must meet **ONE** of the following):
+*	Have a doctoral degree received within the past 7 years
+*	Be a current doctoral student
+*	Be an incoming doctoral student starting Fall 2025
+
+**Interested students and researchers should submit an online application [HERE](https://uclahs.az1.qualtrics.com/jfe/form/SV_6L0cLVQhq2LxPcq).**
+
+
+**Applications will open January 13, 2025 and the priority deadline if February 28th, 2025.**
+
+<br>
+
+<aside>
+    <div class="panel radius" style="background-color: #fdfdfd;">
+        <h4>Panel Title</h4>
+        <p>
+            Panels can also go at the bottom
+        </p>
+    </div>
+
+    <div class="border-dotted radius b30" style="display: flex; align-items: center; background-color: #fdfdfd;">
+        <img src="https://dummyimage.com/100x100/2f2bff/f5f103.png&text=Photo+here" alt="uh, Placekitten" style="margin-right: 10px;">
+        <p class="text-left" style="margin: 0;">
+            <strong>Panel Title</strong> <br>
+            Panels can also go at the bottom.
+        </p>
+    </div>
+</aside>
+
+