diff --git a/_data/actions.json b/_data/actions.json index 94408b6..6be6306 100644 --- a/_data/actions.json +++ b/_data/actions.json @@ -3,7 +3,7 @@ "title": "Start Learning", "description": "Are you new to coding? Tried it but it didn't stick? DHRIFT provides open-source, interactive, introductory workshops written by humanities scholars for humanists. Take advantage of lessons that have been vetted and revised in conversation with hundreds of students. Workshops on topics ranging from the command line to Introduction to Python can be run directly in your web browser and utilize interactive code editors, challenges, and quizzes. Read abour our pedagogical approach, or simply start learning.", "alt": "A lightbulb.", - "link": "https://app.dhrift.org/workshops/?instUser=dhri-curriculum&instRepo=dhrift-site-template&user=dhri-curriculum&repo=workshops", + "link": "https://app.dhrift.org/workshops?instUser=dhri-curriculum&instRepo=dhrift-site-template&user=dhri-curriculum&repo=workshops", "image": "images/learn.png", "message": "Learn" }, @@ -28,7 +28,7 @@ "description": "Cultivate communities of learning and practice by producing your own DHRIFT institute page. Use the DHRIFT site wizard to customize a landing page for your organization that includes selections from our DHIFT core workshops. DHRIFT institute sites include information relevant to your event, as well as a schedule. DHRIFT sites are free, static sites, which can be hosted through GitHub pages. Feel inspired by our gallery of DHRIFT sites.", "icon": "building", "alt": "A growing plant.", - "link":"https://app.dhrift.org/wizard/", + "link":"https://app.dhrift.org/wizard", "image": "images/grow.png", "message": "Grow" } diff --git a/assets/css/style.scss b/assets/css/style.scss index 9a9bdbc..d924f9b 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -82,6 +82,12 @@ $sub-footer-text-color: $white; @import "pages/page-teams"; @import "pages/page-service"; +img, iframe { + max-width: 100%; + height: auto; +} + + body { font-size: 16px; line-height: 1.2; @@ -141,6 +147,29 @@ ul li { z-index: 1000; } +#main-menu-mobile { + overflow-x: hidden; + width: 100%; +} + +.main-menu-mobile { + overflow-x: hidden; + width: 100%; +} + +@media (max-width: 420px) { + .main-menu-mobile { + width: 100%; + padding: 0; + overflow-x: hidden; + } +} + +*, *::before, *::after { + box-sizing: border-box; +} + + // header stuff .header { background-image: url('/images/header_general.png'); @@ -645,6 +674,38 @@ ul li { } } +@media (max-width: 450px) { + .action-inner { + flex-direction: column; + align-items: center; + } + + .action-inner.left .content-container, + .action-inner.right .content-container { + margin-bottom: 30px; + margin-left: 20px; + //overflow: visible; + } + + .content-container, + .image-container { + width: 100%; + margin-left: 20px; + margin-top: -30px; + //margin-bottom: 20px; + } + + .action-icon img { + max-width: 70px; + max-height: 70px; + } + + .content-container.last + { + margin-bottom: -20px; + } +} + // footer stuff .footer {