scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Change heading levels

Browse source
This commit is contained in:
Paul Clue 2022-12-02 11:57:54 -05:00
parent 229a2040e1
commit 99ddaeea0e
5 changed files with 23 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/ttt-tile/ttt-tile.jsx
View file

@ -19,7 +19,7 @@ const TTTTile = props => (
/> />
</div> </div>
<div className="ttt-tile-info"> <div className="ttt-tile-info">
<h4 className="ttt-tile-title">{props.title}</h4> <h3 className="ttt-tile-title">{props.title}</h3>
<p className="ttt-tile-description"> <p className="ttt-tile-description">
{props.description} {props.description}
</p> </p>

4
src/components/ttt-tile/ttt-tile.scss
View file

@ -104,3 +104,7 @@
height: 1rem; height: 1rem;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
h3 {
font-size: 1em;
}

16
src/views/about/about.jsx
View file

@ -46,7 +46,7 @@ const About = () => (
<div className="body"> <div className="body">
<ul> <ul>
<li> <li>
<h3><FormattedMessage id="about.whoUsesScratch" /></h3> <h2><FormattedMessage id="about.whoUsesScratch" /></h2>
<img <img
alt="" alt=""
src="/images/about/who-uses-scratch.jpg" src="/images/about/who-uses-scratch.jpg"
@ -55,7 +55,7 @@ const About = () => (
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.literacy" /></h3> <h2><FormattedMessage id="about.literacy" /></h2>
<iframe <iframe
allowFullScreen allowFullScreen
mozallowfullscreen={'true'} mozallowfullscreen={'true'}
@ -67,7 +67,7 @@ const About = () => (
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.aroundTheWorld" /></h3> <h2><FormattedMessage id="about.aroundTheWorld" /></h2>
<img <img
alt="" alt=""
src="/images/about/around-the-world.png" src="/images/about/around-the-world.png"
@ -90,7 +90,7 @@ const About = () => (
/></p> /></p>
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.schools" /></h3> <h2><FormattedMessage id="about.schools" /></h2>
<img <img
alt="" alt=""
src="/images/about/scratch-in-schools.jpg" src="/images/about/scratch-in-schools.jpg"
@ -107,7 +107,7 @@ const About = () => (
/></p> /></p>
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.quotes" /></h3> <h2><FormattedMessage id="about.quotes" /></h2>
<img <img
alt="Quotes about Scratch" alt="Quotes about Scratch"
src="/images/about/quotes.gif" src="/images/about/quotes.gif"
@ -127,7 +127,7 @@ const About = () => (
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.research" /></h3> <h2><FormattedMessage id="about.research" /></h2>
<img <img
alt="" alt=""
src="/images/about/research-remix.png" src="/images/about/research-remix.png"
@ -186,7 +186,7 @@ const About = () => (
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.learnMore" /></h3> <h2><FormattedMessage id="about.learnMore" /></h2>
<ul className="list"> <ul className="list">
<li> <li>
<a href="/faq"><FormattedMessage id="about.learnMoreFaq" /></a> <a href="/faq"><FormattedMessage id="about.learnMoreFaq" /></a>
@ -204,7 +204,7 @@ const About = () => (
</li> </li>
<li> <li>
<h3><FormattedMessage id="about.support" /></h3> <h2><FormattedMessage id="about.support" /></h2>
<p><FormattedMessage <p><FormattedMessage
id="about.supportDescription" id="about.supportDescription"
values={{ values={{

4
src/views/about/about.scss
View file

@ -47,6 +47,10 @@
padding: 26px 40px 6px; padding: 26px 40px 6px;
width: calc(100% - 80px); width: calc(100% - 80px);
h2 {
font-size: 1.4rem;
}
ul { ul {
display: flex; display: flex;
margin: 0; margin: 0;

6
src/views/explore/explore.scss
View file

@ -83,6 +83,12 @@ $base-bg: $ui-white;
.categories { .categories {
justify-content: flex-start; justify-content: flex-start;
ul {
list-style: none;
padding: 0;
display: inline-block;
}
li { li {
border: 0; border: 0;
background-color: $active-gray; background-color: $active-gray;