indie.fun-docs/index.html at main · moddio/indie.fun-docs · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- title here is overwritten by docsify-->
  <title>indie.fun Documentation</title>
  <link rel="modd icon" href="img/favicon.ico">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="indie.fun - Official Documentation">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <!-- Replace dark.css with our custom CSS -->
  <link rel="stylesheet" href="/assets/custom.css">
  <!-- Base theme - using dark theme that matches indie.fun site color scheme -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css">
</head>

<body>
  <style>
    /* TODO: Remove and migrate to .css */

    /* from Gabriel Staples answer on https://stackoverflow.com/questions/12090472/how-do-i-center-an-image-in-the-readme-md-file-on-github */

    /* (This is a CSS comment). The below `img` style sets the default CSS styling for all images
    hereafter in this markdown file. */
    img:not(.emoji) {
      /* Default display value is `inline-block`. Set it to `block` to prevent surrounding text from
        wrapping around the image. Instead, `block` format will force the text to be above or below the
        image, but never to the sides. */
      display: block;
      /* Common float options are `left`, `right`, and `none`. Set to `none` to override any previous
        settings which might have been `left` or `right`. `left` causes the image to be to the left,
        with text wrapped to the right of the image, and `right` causes the image to be to the right,
        with text wrapped to its left, so long as `display:inline-block` is also used. */
      float: none;
      /* Set both the left and right margins to `auto` to cause the image to be centered. */
      margin-left: auto;
      margin-right: auto;
      /* You may also set the size of the image, in percent of width of the screen on which the image
        is being viewed, for example. A good starting point is 60%. It will auto-scale and auto-size
        the image no matter what screen or device it is being viewed on, maintaining proporptions and
        not distorting it. */
      width: 60%;
      max-width: 800px;
      /* You may optionally force a fixed size, or intentionally skew/distort an image by also
        setting the height. Values for `width` and `height` are commonly set in either percent (%)
        or pixels (px). Ex: `width:100%;` or `height:600px;`. */
      /* height:400px; */

      /* sloont testing
         *
        */
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      margin-top: 20px;
      margin-bottom: 20px;
    }

    /* Make logo in sidebar smaller */
    .sidebar a img {
      max-width: 150px;
    }

    /* Style the app name in sidebar */
    .app-name {
      display: none;
    }
  </style>
  <div id="app"></div>
  <script>
    window.$docsify = {
      homepage: 'home.md',
      name: '',
      repo: '',
      executeScript: true,
      loadSidebar: true,
      autoHeader: false,
      // subMaxLevel: 3,
      auto2top: true,
      routerMode: 'history',
      alias: {
        '/.*/_sidebar.md': '/_sidebar.md'
      },
      requestHeaders: {
        'cache-control': 'max-age=0',
      },
      themeable: {
        readyTransition: true, // default
        responsiveTables: false  // default
      },
      markdown: {
        // https://marked.js.org/#/USING_PRO.md#renderer
        renderer: {
          image: function (href, title, text) {
            // using title for alt="" yields null for all. using extra param text sets the correct alt=""
            return `<img src="${href}" data-origin="${href}" alt="${text}">`
          }
        }
      },
      editLink: {
        text: '<span class="">Edit this page on Github</span><br/><a href="/how-to-contribute">Learn how to contribute</a>',
        repo: 'https://github.com/moddio/indie.fun-docs/blob/main/',
        cssClass: 'docsify-edit-link m-0'
      },
      ga: 'G-3250YMYMF5',
      // Add nice pagination
      pagination: {
        previousText: 'Previous',
        nextText: 'Next',
        crossChapter: true,
        crossChapterText: true,
      }
    }
  </script>

  <!-- Required -->
  <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/external-script.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/js/docsify-themeable.min.js"></script>
  <script src="//unpkg.com/docsify-edit-link@^1"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>

  <!-- Recommended -->
  <script src="https://cdn.jsdelivr.net/npm/docsify-copy-code@2/dist/docsify-copy-code.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify-plugin-ga"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/zoom-image.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
</body>

</html>