diff --git a/dist/js/components/root.js b/dist/js/components/root.js index 32b5603..640952c 100644 --- a/dist/js/components/root.js +++ b/dist/js/components/root.js @@ -18,10 +18,19 @@ export class Root extends Component { , React.createElement(Route, { exact: true, path: "/~barttile", render: () => { return ( React.createElement('div', { className: "cf w-100 flex flex-column pa4 ba-m ba-l ba-xl b--gray2 br1 h-100 h-100-minus-40-s h-100-minus-40-m h-100-minus-40-l h-100-minus-40-xl f9 white-d overflow-x-hidden" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 20}} - , React.createElement('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 21}}, "barttile") - , React.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 22}}, "Welcome to your Landscape application." ) - , React.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}, "To get started, edit " , React.createElement('code', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}, "src/index.js"), ", " , React.createElement('code', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}, "tile/tile.js"), " or " , React.createElement('code', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}, "urbit/app/barttile.hoon"), " and " , React.createElement('code', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}, "|commit %home" ), " on your Urbit ship to see your changes." ) - , React.createElement('a', { className: "black no-underline db f8 pt3" , href: "https://urbit.org/docs", __self: this, __source: {fileName: _jsxFileName, lineNumber: 24}}, "-> Read the docs" ) + , React.createElement('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 21}}, "BART Info" ) + , React.createElement('div', { style: {display: "grid", gridTemplateColumns: "66% 34%", gridGap: "10px" }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 22}} + , React.createElement('div', { className: "topinfo", style: {gridColumn: "1 / 2"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 23}} + , React.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 24}}, "Current time is (current time)" ) + , React.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 25}}, "Today's bart map:" ) + ) + , React.createElement('div', { className: "map", style: {gridColumn: "1", gridRow: "2"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 27}} + , React.createElement('img', { src: "/~barttile/img/BART-Map-Weekday-Saturday.png", __self: this, __source: {fileName: _jsxFileName, lineNumber: 28}} ) + ) + , React.createElement('div', { className: "searchsidebar", style: {gridColumn: "2", gridRow: "2"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 30}}, "Search stuff here" + + ) + ) ) )}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 18}} ) diff --git a/dist/tile.js b/dist/tile.js index 401c170..b664291 100644 --- a/dist/tile.js +++ b/dist/tile.js @@ -8,8 +8,8 @@ export default class barttileTile extends Component { return ( React.createElement('div', { className: "w-100 h-100 relative bg-white bg-gray0-d ba b--black b--gray1-d" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 9}} , React.createElement('a', { className: "w-100 h-100 db pa2 no-underline" , href: "/~barttile", __self: this, __source: {fileName: _jsxFileName, lineNumber: 10}} - , React.createElement('p', { className: "black white-d absolute f9" , style: { left: 8, top: 8 }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 11}}, "barttile") - , React.createElement('img', { className: "absolute", src: "/~barttile/img/Tile.png", style: {top: 39, left: 39}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) + , React.createElement('p', { className: "black white-d absolute f9" , style: { left: 8, top: 8 }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 11}}, "BART") + , React.createElement('img', { className: "absolute", src: "/~barttile/img/Temp-Bart-Icon.png", style: {top: 40, left: 20, width: "50%"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) ) ) ); diff --git a/src/js/components/root.js b/src/js/components/root.js index a65d6ac..12322c0 100644 --- a/src/js/components/root.js +++ b/src/js/components/root.js @@ -18,10 +18,19 @@ export class Root extends Component { { return (
-

barttile

-

Welcome to your Landscape application.

-

To get started, edit src/index.js, tile/tile.js or urbit/app/barttile.hoon and |commit %home on your Urbit ship to see your changes.

- -> Read the docs +

BART Info

+
+
+

Current time is (current time)

+

Today's bart map:

+
+
+ +
+
+ Search stuff here +
+
)}} /> diff --git a/tile/tile.js b/tile/tile.js index c40077e..e8a09f7 100644 --- a/tile/tile.js +++ b/tile/tile.js @@ -8,8 +8,8 @@ export default class barttileTile extends Component { return (
-

barttile

- +

BART

+
); diff --git a/urbit/app/barttile/img/BART-Map-Sunday.png b/urbit/app/barttile/img/BART-Map-Sunday.png new file mode 100644 index 0000000..277c86c Binary files /dev/null and b/urbit/app/barttile/img/BART-Map-Sunday.png differ diff --git a/urbit/app/barttile/img/BART-Map-Weekday-Saturday.png b/urbit/app/barttile/img/BART-Map-Weekday-Saturday.png new file mode 100644 index 0000000..3695134 Binary files /dev/null and b/urbit/app/barttile/img/BART-Map-Weekday-Saturday.png differ diff --git a/urbit/app/barttile/img/Temp-Bart-Icon.png b/urbit/app/barttile/img/Temp-Bart-Icon.png new file mode 100644 index 0000000..b21c31b Binary files /dev/null and b/urbit/app/barttile/img/Temp-Bart-Icon.png differ diff --git a/urbit/app/barttile/js/index.js b/urbit/app/barttile/js/index.js index b9fa889..59843d0 100644 --- a/urbit/app/barttile/js/index.js +++ b/urbit/app/barttile/js/index.js @@ -48665,10 +48665,19 @@ , react.createElement(Route, { exact: true, path: "/~barttile", render: () => { return ( react.createElement('div', { className: "cf w-100 flex flex-column pa4 ba-m ba-l ba-xl b--gray2 br1 h-100 h-100-minus-40-s h-100-minus-40-m h-100-minus-40-l h-100-minus-40-xl f9 white-d overflow-x-hidden" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 20}} - , react.createElement('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 21}}, "barttile") - , react.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 22}}, "Welcome to your Landscape application." ) - , react.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}, "To get started, edit " , react.createElement('code', {__self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}, "src/index.js"), ", " , react.createElement('code', {__self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}, "tile/tile.js"), " or " , react.createElement('code', {__self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}, "urbit/app/barttile.hoon"), " and " , react.createElement('code', {__self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}, "|commit %home" ), " on your Urbit ship to see your changes." ) - , react.createElement('a', { className: "black no-underline db f8 pt3" , href: "https://urbit.org/docs", __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 24}}, "-> Read the docs" ) + , react.createElement('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 21}}, "BART Info" ) + , react.createElement('div', { style: {display: "grid", gridTemplateColumns: "66% 34%", gridGap: "10px" }, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 22}} + , react.createElement('div', { className: "topinfo", style: {gridColumn: "1 / 2"}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}} + , react.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 24}}, "Current time is (current time)" ) + , react.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 25}}, "Today's bart map:" ) + ) + , react.createElement('div', { className: "map", style: {gridColumn: "1", gridRow: "2"}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 27}} + , react.createElement('img', { src: "/~barttile/img/BART-Map-Weekday-Saturday.png", __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 28}} ) + ) + , react.createElement('div', { className: "searchsidebar", style: {gridColumn: "2", gridRow: "2"}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 30}}, "Search stuff here" + + ) + ) ) )}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 18}} ) diff --git a/urbit/app/barttile/js/tile.js b/urbit/app/barttile/js/tile.js index f0ab41a..49b46fc 100644 --- a/urbit/app/barttile/js/tile.js +++ b/urbit/app/barttile/js/tile.js @@ -19177,8 +19177,8 @@ return ( react.createElement('div', { className: "w-100 h-100 relative bg-white bg-gray0-d ba b--black b--gray1-d" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 9}} , react.createElement('a', { className: "w-100 h-100 db pa2 no-underline" , href: "/~barttile", __self: this, __source: {fileName: _jsxFileName, lineNumber: 10}} - , react.createElement('p', { className: "black white-d absolute f9" , style: { left: 8, top: 8 }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 11}}, "barttile") - , react.createElement('img', { className: "absolute", src: "/~barttile/img/Tile.png", style: {top: 39, left: 39}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) + , react.createElement('p', { className: "black white-d absolute f9" , style: { left: 8, top: 8 }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 11}}, "BART") + , react.createElement('img', { className: "absolute", src: "/~barttile/img/Temp-Bart-Icon.png", style: {top: 40, left: 20, width: "50%"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) ) ) );