ricwtk.github.io/apps.html at master · ricwtk/ricwtk.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>

<html>

<head>
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-38752833-5"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-38752833-5');
  </script>
  <meta charset="UTF8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:url" content="https://ricwtk.github.io">
  <meta property="og:title" content="R.ich.ard">
  <meta property="og:description" content="Personal website for Richard Wong">
  <title>Apps | R.ich.ard</title>
  <meta name="description" content="Personal website for Richard Wong">
  <meta name="keywords" content="Richard, Wong, Teck, Ken, TeckKen, Teckken, Tekken, Richard Wong">
  <link rel="icon" type="image/png" href="icons/icon.png?v=1.0">

  <script src="js/vue.min.js"></script>
  <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="css/layout.css" />
  <link rel="stylesheet" type="text/css" href="css/theme.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.7.6/showdown.min.js"></script>
</head>

<body>
  <header>
    <site-header></site-header>
  </header>

  <div id="content-wrapper">
    <div id="content">
      <div id="app-list">
        <app-box v-for="app in appList" :app=app></app-box>
      </div>
    </div>
  </div>

  <footer>
    <site-foot></site-foot>
  </footer>

  <script>var currentPage = "Apps";</script>
  <script src="vueComponents/site-header.js"></script>
  <script src="vueComponents/site-foot.js"></script>
  <script src="vueComponents/app-box.js"></script>
  <script src="js/initiate-vue.js"></script>
  <script>
    new Vue({
      el: "#app-list",
      data: {
        appList: [{
          icon: "/icons/icon-sync-saved-windows.png",
          name: "Sync Saved Windows",
          description: "An extension (Firefox and Chrome) to save opened windows and synchronise them across devices. Sync Saved Windows allows you to save your windows with multiple tabs and synchronise using your Google account. You no longer have to always leave the tabs open and you can organise your tabs into different windows.",
          url: "/sync-saved-windows",
          tags: ["Extension", "<i class='fa fa-firefox'></i> Firefox", "<i class='fa fa-chrome'></i> Chrome", "<i class='fa fa-globe'></i> Web app"]
        }, {
          icon: "../icons/icon-sync-bookmarks.png",
          name: "Sync Bookmarks",
          description: "An extension (Firefox and Chrome) to save websites as bookmarks and synchronise them across devices. You can now sync your bookmarks using your Google account.",
          url: "/sync-bookmarks",
          tags: ["Extension", "<i class='fa fa-firefox'></i> Firefox", "<i class='fa fa-chrome'></i> Chrome", "<i class='fa fa-globe'></i> Web app"]
        }, {
          icon: "../icons/icon-markee.png",
          name: "Markee Markdown Editor",
          description: "A text editor to create and edit markdown files",
          url: "/markee",
          tags: ["<i class='fa fa-globe'></i> Web app"]
        }, {
          icon: "../icons/icon-markee.png",
          name: "Markee Markdown Editor - Desktop Application",
          description: "A text editor to create and edit markdown files",
          url: "/markee/desktop",
          tags: ["<i class='fa fa-laptop'></i> Desktop app"]
        }, {
          icon: "../icons/icon-manote.png",
          name: "Manote Markdown Note",
          description: "A note keeping app that supports Markdown syntax",
          url: "/manote",
          tags: ["<i class='fa fa-globe'></i> Web app"]
        }, {
          icon: "../icons/icon-project-gantt.png",
          name: "Project Gantt",
          description: "A Gantt chart editor",
          url: "/project-gantt",
          tags: ["<i class='fa fa-globe'></i> Web app"]
        }, {
          name: "Prayer Partners",
          description: "[Disabled temporarily] A web app to allow users to create personal prayer items and share prayer items with others. One can sign up using a Google Plus or Facebook account. Amazon Web Services DynamoDB is used for database storage and communication between users.",
          url: null,
          tags: ["<i class='fa fa-globe'></i> Web app"]
        }, {
          name: "Rofi themes",
          description: "Themes for Rofi new theme engine.",
          url: "https://www.github.com/ricwtk/rofi-themes",
          tags: ["Configuration"]
        // }, {
          // name: "Bible Verse LaTex Formatter",
          // description: "[Not implemented ... yet] A web app to format Bible Verse to be included as part of a LaTex document.",
          // url: null
        // }, {
          // name: "Chord Book",
          // description: "[Not implemented ... yet]",
          // url: null
        }]
      }
    });
  </script>

</body>

</html>