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}
>
-
-
+
+
+
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
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }}
+ />
+