mkrummel
mkrummel
/ flashcards.html
Last active
November 14, 2019 06:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p>The following decks will open in your web browser. Each time you refresh the page, the cards will appear in random order.</p> | |
| <ol> | |
| <li>Click on one of the flashcard decks below.</li> | |
| <li>Click on "practice" at the top of the page to cycle through the cards.</li> | |
| <li>Click on the card to flip to the answer, then mark whether your answer was right or wrong.</li> | |
| <li>Once you've finished the deck, you'll have the option to repeat the cards you missed.</li> | |
| </ol> | |
| <h2 style="text-align: center; padding-top: 24px;">Choose a Deck:</h2> |
mkrummel
/ sample_lesson.html
Created
August 13, 2019 20:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h2 style="background-color: #053958; color: #fff; text-align: center;">Unit 1: Differentiation and Integration</h2> | |
| <div style="padding: 2px 0px 16px 0px;"> | |
| <div style="padding: 12px 16px; background-color: #f5f5f5; border: 1px solid #C7CDD1;"> | |
| <h4><strong>Today's Agenda:</strong></h4> | |
| <ol> | |
| <li>Warm Up: XXX</li> | |
| <li>XXX: Notes | Presentation</li> | |
| <li>Extra Practice: Khan Academy</li> | |
| </ol> | |
| </div> |
mkrummel
/ link_blocks.html
Last active
August 13, 2019 17:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h4 style="text-align: left;">Some introductory text here...</h4> | |
| <div style="text-align: center;"> | |
| <div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;"> </div> | |
| <div class="content-box"> | |
| <div class="grid-row"> | |
| <div class="col-xs" style="display: inline-block;"> | |
| <div style="margin: 8px; overflow: hidden; height: 180px; background-color: #00afd7; width: 120px; display: inline-block;"><a style="height: 180px; width: 120px; display: inline-block; padding-top: 55px; text-decoration: none;" href="LINK"> <span style="color: #ffffff;"><strong>UNIT 1:<br />DESIGN<br />STRUCTURE</strong></span></a></div> | |
| <div style="margin: 8px; overflow: hidden; height: 180px; background-color: #84bd00; width: 120px; display: inline-block;"><a style="height: 180px; width: 120px; display: inline-block; padding-top: 55px; text-decoration: none;" href="LINK"> <span style="color: #ffffff;"><strong>UNIT 2:<br />HTML<br />SNIPPETS</strong></span> |
mkrummel
/ sample_introduction.html
Last active
August 13, 2019 16:34
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="line-height: 1em; float: right; width: 35%; margin: 0px 0px 12px 12px;"> | |
| <p><img style="width: 95%;" src="https://cms.instructure.com/courses/335982/files/23649449/preview" alt="Michelle Krummel" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23649449" data-api-returntype="File" /> <br /><span style="font-size: x-small;">Michelle Krummel. Copyright @ 2016 Mad Matrix Photography.</span></p> | |
| </div> | |
| <div> | |
| <h2>Canvas Course Design: Beyond the Basics!</h2> | |
| <p>The main goal of this course is to increase your comfort level using the HTML editor to enhance your course design.</p> | |
| <p>After completing this course, you should be able to:</p> | |
| <ul> | |
| <li>Create content that is user-friendly and accessible for students using screen readers, mobile devices, tablets, and laptops</li> |
mkrummel
/ sample_unit_overview.html
Last active
October 6, 2019 14:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="content-box;"> | |
| <div style="height: 110px; background-color: #053958; text-align: center;"> | |
| <div style="display: flex;"> | |
| <div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #ffffff;"></div> | |
| <div style="position: relative; top: 24px; color: #ffffff;"><a class="icon-instructure" style="color: #ffffff;"></a></div> | |
| <div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #ffffff;"></div> | |
| </div> | |
| <p><span style="color: #ffffff; font-size: 24px;"> UNIT OVERVIEW</span></p> | |
| </div> | |
mkrummel
/ sample_gridrow.html
Last active
August 13, 2019 17:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h4 style="text-align: left;">Some introductory text here...</h4> | |
| <div style="text-align: center;"> | |
| <div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;"> </div> | |
| <div class="content-box"> | |
| <div class="grid-row"> | |
| <div class="col-xs" style="display: inline-block;"> |
mkrummel
/ sample_clickable_blocks.html
Last active
August 13, 2019 20:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="max-width: 922px;"> | |
| <div style="margin: 0px 0px;"> | |
| <div style="height: 60px; background-color: #053958; text-align: left;"> | |
| <p style="padding: 12px;"><span style="color: #ffffff; font-size: 24px;"> Canvas Course Design: Beyond the Basics</span></p> | |
| </div> | |
| <p>Click the links below to navigate to each of the units in this course.</p> | |
| <div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354283" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354283" data-api-returntype="Module"> Unit 1: Design Structure <span style="display: block; font-size: 0.6em;"> In this unit, we will consider various ways of structuring our design, as well as ways of making our courses more mobile-friendly. </span></a></div> | |
| <div style="margin- |
mkrummel
/ sample_icons.html
Last active
August 13, 2019 19:19
A sample Canvas front page using icons to link to course content
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="text-align: center;"> | |
| <div style="max-width: 700px; display: inline-block;"> | |
| <div style="padding: 10px; display: inline-block; text-align: center;"><a href="LINK"><img src="http://mrskrummel.com/canvas/icons/blue/clipboard.png" width="110" height="110" /></a><br /><a href="LINK">Course Overview</a></div> | |
| <div style="padding: 10px; display: inline-block; text-align: center;"><a href="LINK"><img src="http://mrskrummel.com/canvas/icons/blue/pencil_ruler" width="110" height="110" /></a><br /><a href="LINK">Modules</a></div> | |
| <div style="padding: 10px; display: inline-block; text-align: center;"><a href="LINK"><img src="http://mrskrummel.com/canvas/icons/blue/resources.png" width="110" height="110" /></a><br /><a href="LINK">Resources</a></div> | |
| <div style="padding: 10px; display: inline-block; text-align: center;"><a href="LINK"><img src="http://mrskrummel.com/canvas/icons/blue/gear" width="110" height="110" /></a><br /><a href="LINK">LaTeX</a></div> | |
| <div style="padding: 10px; display: inline-block |
mkrummel
/ sample_blocks.html
Last active
August 13, 2019 17:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div style="text-align: center;"> | |
| <div style="max-width: 700px; display: inline-block;"> | |
| <h2 style="text-align: center;">Your Page Title Goes Here</h2> | |
| <p style="text-align: left;">Some introductory text here...</p> | |
| <div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;"> </div> | |
| <div style="background-color: #00afd7; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;"> | |
| <div style="padding: 0 0;"> | |
| <div style="padding: 50% 0;"><a style="text-decoration: none;" title="Design Structure" href="https://cms.instructure.com/courses/335982/modules/354283" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354283" data-api-returntype="Module"><span style="color: #ffffff; text-decoration: none;"><strong>DESIGN</strong><br /><strong>STRUCTURE</strong></span></a></div> | |
| </div> | |
| </div> |