github ribbon

Author: witoldsz

front/src/main/app.tsx

@@ -14,6 +14,7 @@ import { ReceiveActions, ReceiveState, ReceiveView, initialReceiveState, rawRece
 import { SendActions, SendState, SendView, initialSendState, rawSendActions } from './panels/send'
 import { TransactionsView, TxsActions, TxsState, initialTxsState, rawTxsActions } from './panels/transactions'
 import { WelcomeActions, WelcomeState, WelcomeView, initialWelcomeState, rawWelcomeActions } from './panels/welcome'
+import { GithubRibbon } from './lib/github-ribbon'
 
 export interface State {
   location: LocationState
@@ -75,6 +76,7 @@ const rawActions: Actions = {
 
 const view = (state: State, actions: Actions) => (
   <div>
+    <GithubRibbon />
     <p class="tc bg-yellow">
       {successOf(state.info)
         .fmap((i) => `Network: ${i.network}`)

front/src/main/lib/github-ribbon.tsx

@@ -0,0 +1,15 @@
+import { h } from 'hyperapp'
+
+export function GithubRibbon() {
+  return <a href="https://github.com/witoldsz/semux-light" target="_blank">
+    <img style={{
+      position: 'absolute',
+      top: '0',
+      right: '0',
+      border: '0',
+      }}
+      src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"
+      alt="Fork me on GitHub"
+    />
+  </a>
+}