diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx index f9a1c29d3..87ddb5c54 100644 --- a/src/components/menu-bar/menu-bar.jsx +++ b/src/components/menu-bar/menu-bar.jsx @@ -97,6 +97,7 @@ const ariaMessages = defineMessages({ const openSourceCodeLink = () => window.open('https://github.com/TurboWarp', '_blank'); const openReportBugsLink = () => window.open('https://scratch.mit.edu/users/GarboMuffin/#comments', '_blank'); +const goHome = () => location.hash = ''; const MenuBarItemTooltip = ({ children, @@ -527,13 +528,13 @@ class MenuBar extends React.Component { ) : ( )} @@ -547,13 +548,13 @@ class MenuBar extends React.Component { ) : ( )} @@ -563,7 +564,7 @@ class MenuBar extends React.Component { )} @@ -573,13 +574,13 @@ class MenuBar extends React.Component { ) : ( )} @@ -607,8 +608,27 @@ class MenuBar extends React.Component { onRequestClose={this.props.onRequestCloseLinks} > - Source Code - Report Bugs + + + + + + + + + diff --git a/src/components/tw-home/tw-home.css b/src/components/tw-home/tw-home.css index 021e44b6e..4713e9786 100644 --- a/src/components/tw-home/tw-home.css +++ b/src/components/tw-home/tw-home.css @@ -22,12 +22,12 @@ position: relative; background: rgba(255, 255, 255, 1); box-sizing: border-box; - max-width: 640px; + min-width: 480px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); - padding: 30px; + padding: 15px; } .new-project { @@ -38,3 +38,15 @@ .new-project:hover { text-decoration: underline; } + +.title { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: space-between; +} + +.subtitles { + text-align: right; +} diff --git a/src/components/tw-home/tw-home.jsx b/src/components/tw-home/tw-home.jsx index 7e9176fc1..0d5d2166c 100644 --- a/src/components/tw-home/tw-home.jsx +++ b/src/components/tw-home/tw-home.jsx @@ -28,15 +28,57 @@ class Home extends React.Component { onClick={this.clickClose} >×
- {/* TODO: we have to make this translatable */} -

TurboWarp

-

TurboWarp compiles your Scratch projects to JavaScript to make them run faster. Try it out by inputting a project ID or URL below and pressing enter. Visit this studio for some examples.

+
+

TurboWarp

+ +
+ +
+
+ + + +
+
+
+

+ + + + ) + }} + /> +