fix some stuff

src/views/teachers/landing/l10n.json

@@ -6,12 +6,17 @@
     "teacherlanding.newsAnchor": "News",
     "teacherlanding.teacherAccountsAnchor": "Teacher Accounts",
     "teacherlanding.educatorResources": "Resources for Educators",
-    "teacherlanding.educatorGuides": "Educator Guides show you how to prepare and run Scratch classes and workshops.",
-    "teacherlanding.creativeComputing": "Creative Computing from the ScratchEd team provides plans, activities, and strategies for introducing creative computing.",
+    "teacherlanding.educatorGuides": "{educatorLink} show you how to prepare and run Scratch classes and workshops.",
+    "teacherlanding.educatorGuideLinkText" : "Educator Guides",
+    "teacherlanding.creativeComputing": "{scratchEdLink} from the ScratchEd team provides plans, activities, and strategies for introducing creative computing.",
+    "teacherlanding.scratchEdLinkText" : "Creative Computing",
     "teacherlanding.studentResources" : "Resources for Students",
-    "teacherlanding.tutorialResources": " Explore Scratch Tutorials to find out how you can create stories, animations, games, and more!",
-    "teacherlanding.codingCardResources": "Download and print Coding Cards for step-by-step instructions for a variety of projects.",
-    "teacherlanding.ideasResources" : "Visit the Ideas Page for additional resources from the Scratch Team",
+    "teacherlanding.tutorialResources": "Explore {tutorialLink} to find out how you can create stories, animations, games, and more!",
+    "teacherlanding.tutorialLink" : "Scratch Tutorials",
+    "teacherlanding.codingCardResources": "Download and print {codingCardLink} for step-by-step instructions for a variety of projects.",
+    "teacherlanding.codingCardLink" : "Coding Cards",
+    "teacherlanding.ideasResources" : "Visit the {ideasPageLink} for additional resources from the Scratch Team",
+    "teacherlanding.ideasLink" : "Ideas Page",
     "teacherlanding.connectingWithEducators" : "Connect with Other Educators",
     "teacherlanding.teachingWithScratch" : "Join the Teaching with Scratch Facebook group to share ideas, questions, and resources related to teaching with Scratch.",
     "teacherlanding.attendMeetups" : "Attend ScratchEd Educator Meetups to share ideas and strategies with other educators for supporting computational creativity in all its forms.",

src/views/teachers/landing/landing.jsx

@@ -64,12 +64,30 @@ const Landing = () => (
                 <FlexRow className="educator-community">
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.educatorGuides" />
+                            <FormattedMessage
+                                id="teacherlanding.educatorGuides"
+                                values={{
+                                    educatorLink: (
+                                        <a href="https://resources.scratch.mit.edu/www/guides/en/EducatorGuidesAll.pdf">
+                                            <FormattedMessage id="teacherlanding.educatorGuideLinkText" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.creativeComputing" />
+                            <FormattedMessage
+                                id="teacherlanding.creativeComputing"
+                                values={{
+                                    scratchEdLink: (
+                                        <a href="http://scratched.gse.harvard.edu/guide/">
+                                            <FormattedMessage id="teacherlanding.scratchEdLinkText" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                 </FlexRow>
@@ -84,18 +102,36 @@ const Landing = () => (
                             />
                         </a>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.tutorialResources" />
+                            <FormattedMessage
+                                id="teacherlanding.tutorialResources"
+                                values={{
+                                    tutorialLink: (
+                                        <a href="/projects/editor/?tutorial=all">
+                                            <FormattedMessage id="teacherlanding.tutorialLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
                         <a href="/www/cards/en/ScratchCardsAll.pdf">
                             <img
                                 alt="cards icon"
-                                src="/svgs/teachers/v2-cards.svg"
+                                src="/svgs/teachers/coding-cards-icon.svg"
                             />
                         </a>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.codingCardResources" />
+                            <FormattedMessage
+                                id="teacherlanding.codingCardResources"
+                                values={{
+                                    codingCardLink: (
+                                        <a href="https://resources.scratch.mit.edu/www/cards/en/ScratchCardsAll.pdf">
+                                            <FormattedMessage id="teacherlanding.codingCardLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
@@ -106,7 +142,16 @@ const Landing = () => (
                             />
                         </a>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.ideasResources" />
+                            <FormattedMessage
+                                id="teacherlanding.ideasResources"
+                                values={{
+                                    ideasPageLink: (
+                                        <a href="http://scratch.mit.edu/ideas">
+                                            <FormattedMessage id="teacherlanding.ideasLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                 </FlexRow>

src/views/teachers/landing/landing.scss

@@ -105,13 +105,13 @@ $story-width: $cols3;
         align-items: flex-start;
 
         div {
-            max-width: $cols6;
+            max-width: 24rem;
         }
     }
 
     .guides-and-tutorials {
         div {
-            max-width: $cols4;
+            max-width: 16rem;
             text-align: center;
         }
     }
@@ -464,7 +464,7 @@ $story-width: $cols3;
             .guides-and-tutorials {
                 div {
                     display: flex;
-                    max-width: $cols8;
+                    max-width: 16rem;
                     text-align: left;
                     justify-content: space-between;
                 }