greg/bart-tile
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Image assets, basic layout

Browse Source
This commit is contained in:
ronreg-ribdev 2020-05-11 23:25:30 -07:00
parent ceed2be120
commit b3802eba76
9 changed files with 45 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
dist/js/components/root.js vendored
View File

@ -18,10 +18,19 @@ export class Root extends Component {
, React.createElement(Route, { exact: true, path: "/~barttile", render: () => { , React.createElement(Route, { exact: true, path: "/~barttile", render: () => {
return ( 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('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('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 21}}, "BART Info" )
, React.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName, lineNumber: 22}}, "Welcome to your Landscape application." ) , React.createElement('div', { style: {display: "grid", gridTemplateColumns: "66% 34%", gridGap: "10px" }, __self: this, __source: {fileName: _jsxFileName, lineNumber: 22}}
, 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('div', { className: "topinfo", style: {gridColumn: "1 / 2"}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 23}}
, 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('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}} )}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 18}}
) )

4
dist/tile.js vendored
View File

@ -8,8 +8,8 @@ export default class barttileTile extends Component {
return ( 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('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('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('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/Tile.png", style: {top: 39, left: 39}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) , 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}})
) )
) )
); );

17
src/js/components/root.js
View File

@ -18,10 +18,19 @@ export class Root extends Component {
<Route exact path="/~barttile" render={ () => { <Route exact path="/~barttile" render={ () => {
return ( return (
<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"> <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">
<h1 className="mt0 f8 fw4">barttile</h1> <h1 className="mt0 f8 fw4">BART Info</h1>
<p className="lh-copy measure pt3">Welcome to your Landscape application.</p> <div style={{display: "grid", gridTemplateColumns: "66% 34%", gridGap: "10px" }}>
<p className="lh-copy measure pt3">To get started, edit <code>src/index.js</code>, <code>tile/tile.js</code> or <code>urbit/app/barttile.hoon</code> and <code>|commit %home</code> on your Urbit ship to see your changes.</p> <div className="topinfo" style={{gridColumn: "1 / 2"}}>
<a className="black no-underline db f8 pt3" href="https://urbit.org/docs">-> Read the docs</a> <p className="lh-copy measure pt3">Current time is (current time)</p>
<p className="lh-copy measure pt3">Today's bart map:</p>
</div>
<div className="map" style={{gridColumn: "1", gridRow: "2"}}>
<img src="/~barttile/img/BART-Map-Weekday-Saturday.png" />
</div>
<div className="searchsidebar" style={{gridColumn: "2", gridRow: "2"}}>
Search stuff here
</div>
</div>
</div> </div>
)}} )}}
/> />

4
tile/tile.js
View File

@ -8,8 +8,8 @@ export default class barttileTile extends Component {
return ( return (
<div className="w-100 h-100 relative bg-white bg-gray0-d ba b--black b--gray1-d"> <div className="w-100 h-100 relative bg-white bg-gray0-d ba b--black b--gray1-d">
<a className="w-100 h-100 db pa2 no-underline" href="/~barttile"> <a className="w-100 h-100 db pa2 no-underline" href="/~barttile">
<p className="black white-d absolute f9" style={{ left: 8, top: 8 }}>barttile</p> <p className="black white-d absolute f9" style={{ left: 8, top: 8 }}>BART</p>
<img className="absolute" src="/~barttile/img/Tile.png" style={{top: 39, left: 39}}/> <img className="absolute" src="/~barttile/img/Temp-Bart-Icon.png" style={{top: 40, left: 20, width: "50%"}}/>
</a> </a>
</div> </div>
); );

BIN
urbit/app/barttile/img/BART-Map-Sunday.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
urbit/app/barttile/img/BART-Map-Weekday-Saturday.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
urbit/app/barttile/img/Temp-Bart-Icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

17
urbit/app/barttile/js/index.js
View File

@ -48665,10 +48665,19 @@
, react.createElement(Route, { exact: true, path: "/~barttile", render: () => { , react.createElement(Route, { exact: true, path: "/~barttile", render: () => {
return ( 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('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('h1', { className: "mt0 f8 fw4" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 21}}, "BART Info" )
, react.createElement('p', { className: "lh-copy measure pt3" , __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 22}}, "Welcome to your Landscape application." ) , react.createElement('div', { style: {display: "grid", gridTemplateColumns: "66% 34%", gridGap: "10px" }, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 22}}
, 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('div', { className: "topinfo", style: {gridColumn: "1 / 2"}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 23}}
, 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('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}} )}, __self: this, __source: {fileName: _jsxFileName$3, lineNumber: 18}}
) )

4
urbit/app/barttile/js/tile.js
View File

@ -19177,8 +19177,8 @@
return ( 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('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('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('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/Tile.png", style: {top: 39, left: 39}, __self: this, __source: {fileName: _jsxFileName, lineNumber: 12}}) , 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}})
) )
) )
); );