ongoing home page redesign/responsiveness + silly new header bkg

DHRI-Curriculum · Mar 5, 2024 · ef419e7 · ef419e7
1 parent 2961fb6
commit ef419e7
Show file tree

Hide file tree

Showing 9 changed files with 164 additions and 90 deletions.
diff --git a/_data/actions.json b/_data/actions.json
@@ -1,39 +1,39 @@
 [
     {
-        "title": "Learn",
+        "title": "Begin Learning",
       "description": "The DHRIFT platform provides open-source, interactive learning for humanists. Each workshop includes code editors, challenges, and quizzes, all right in the browser.",
         "icon": "school-solid",
         "alt": "DHRIFT's logo, a dandelion.",
         "link": "https://app.dhrift.org/workshops/?user=dhri-curriculum&repo=dhrift-site-template&wUser=dhri-curriculum&wGitRepo=workshops",
         "image": "images/learn.gif",
-        "message": ""
+        "message": "Learn with DHRIFT"
     },
         {
-      "title": "Teach",
+      "title": "Begin Teaching",
       "description": "DHRIFT Core presents a vetted core set of interactive curriculum that is built for both synchronous and asynchronous instruction.",
         "icon": "chalkboard-user",
         "alt": "DHRIFT's logo, a dandelion.",
         "link": "/teach",
         "image": "images/teach.jpg",
-        "message": ""
+        "message": "Teach with DHRIFT"
     },
     {
-      "title": "Create",
+      "title": "Begin Creating",
       "description": "DHRIFT is designed for extensibility, allowing you to easily create your own workshops and share them with the community.",
         "icon": "creative-icon",
         "alt": "DHRIFT's logo, a dandelion.",
         "link":"/create",
         "image": "images/create.jpg",
-        "message": ""
+        "message": "Create with DHRIFT"
     },
     {
-        "title": "Build",
+        "title": "Begin Building",
         "description": "Build and host an institute on DHRIFT, with your own branding, your own choice of workshops, and a convenient scheduling component.",
           "icon": "building",
           "alt": "DHRIFT's logo, a dandelion.",
           "link":"/build",
           "image": "images/build.jpg",
-          "message": ""
+          "message": "Build with DHRIFT"
       }
   ]
 
diff --git a/_includes/hamburger.html b/_includes/hamburger.html
@@ -2,4 +2,5 @@
   <span class="hamburger-box">
     <span class="hamburger-inner"></span>
   </span>
-</button>
+</button>
+
diff --git a/_includes/sub-footer.html b/_includes/sub-footer.html
@@ -3,14 +3,17 @@
     <div class="row">
       <div class="col-12">
         <div class="sub-footer-inner">
-          {% if site.data.social %}
-            {% include social.html %}
-          {% endif %}
+          <div class="logo-container">
+            {% if site.data.social %}
+              {% include social.html %}
+            {% endif %}
+          </div>
           {% if site.data.seo.copyright_text %}
-          <div class="copyright">{{ site.data.seo.copyright_text }}</div>
+            <div class="copyright">{{ site.data.seo.copyright_text }}</div>
           {% endif %}
         </div>
       </div>
     </div>
   </div>
-</div>
+</div>
+
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -31,7 +31,6 @@
   <meta name="twitter:card" content="summary"/>
   {% if site.data.seo.meta_twitter_site %}<meta name="twitter:site" content="{{ site.seo.meta_twitter_site }}"/>{% endif %}
   {% if site.data.seo.meta_twitter_creator %}<meta name="twitter:creator" content="{{ site.seo.meta_twitter_creator }}"/>{% endif %}
-
 </head>
 
 <body class='page {{layout.bodyClass}}'>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -2,30 +2,6 @@
 layout: default
 bodyClass: home
 ---
-<!--
-<section class="intro">
-  <div class="container">
-    <div class="row justify-content-start">
-      <div class="col-12 col-md-7 col-lg-6 order-2 order-md-1">
-	{% if page.show_call_box %}
-	{% include call.html show_button=true %}
-	{% endif %}
-      </div>
-      {% if page.intro_image %}
-      <div class="col-12 col-md-5 col-lg-6 order-1 order-md-2 position-relative">
-	<img style="border-radius: 50%;" alt="{{ page.title }}" class="intro-image{% if page.intro_image_absolute %} intro-image-absolute{% endif %}{% if page.intro_image_hide_on_mobile %} intro-image-hide-mobile{% endif %}" src="{{ page.intro_image | relURL }}" />
-      </div>
-      {% endif %}
-    </div>
-  </div>
-</section>
--->
-<!--
-{% if site.posts %}
-{% include updates.html %}
-{% endif %}
--->
-
 
 <section id = "meet">
   <div class="container">
@@ -45,18 +21,16 @@ <h1 class="meet-title">Meet DHRIFT</h1>
       <div class="action" data-image="{{ action.image }}">
         <div class="action-inner {% cycle 'left', 'right' %}">
           <div class="content-container {% if forloop.last %}last{% endif %}">
-            <div class="action-icon">
-              <img src="/images/{{ action.icon }}.svg" alt="{{ action.alt }}">
-            </div>
+            <h1 class="action-title">{{ action.message }}</h2>
+            <p class="action-description">{{ action.description }}</p>
             <a href="{{ action.link }}" class="action-button">
               <div class="button-content">
                 <h3>{{ action.title }}</h3>
               </div>
             </a>
-            <p class="action-description">{{ action.description }}</p>
           </div>
           <div class="image-container">
-            <img src="{{ action.image }}" alt="{{ action.title }}">
+            <img src=" /images/{{ action.icon }}.svg" alt="{{ action.title }}">
           </div>
         </div>
       </div>
@@ -85,7 +59,6 @@ <h2 class="feature-title">{{ feature.title }}</h2>
           </div>
         </div>
         {% endfor %}
-
       </div>
     </div>
   </div>