|
10 | 10 | <!-- IMPORTANT: Only update the end-user README.file. Then plugin-dev README has to be overwritten with changed styling. -->
|
11 | 11 | <style>
|
12 | 12 | .onlyEndUser {
|
13 |
| - display: block; |
| 13 | + display: inline-block; |
14 | 14 | }
|
15 | 15 |
|
16 | 16 | .onlyPluginDev {
|
|
21 | 21 | <!-- IMPORTANT: UPDATE THE VERSION NUMBERS HERE, FOLLOWING THE DISPLAYED VERSIONS ON STARTUP -->
|
22 | 22 | <script>
|
23 | 23 | const versions = {
|
24 |
| - framework: "3.0.0", |
| 24 | + framework: "0.0.0", |
25 | 25 | api: "3.0.0",
|
26 | 26 | rest: "3.0.0-3",
|
27 | 27 | npm: "3.0.0-3",
|
|
56 | 56 | #newVersionAvailable {
|
57 | 57 | display: none;
|
58 | 58 | }
|
| 59 | + body { |
| 60 | + text-align: center; |
| 61 | + padding-top: 25px; |
| 62 | + font-family: sans-serif; |
| 63 | + } |
| 64 | + .deploymentType { |
| 65 | + margin-top: 5px; |
| 66 | + background: lightgray; |
| 67 | + width:fit-content; |
| 68 | + font-family: monospace; |
| 69 | + padding: 5px; |
| 70 | + border-radius: 3px; |
| 71 | + } |
| 72 | + #deploymentEndUser { |
| 73 | + color: darkgreen |
| 74 | + } |
| 75 | + #deploymentPluginDev { |
| 76 | + color: darkblue |
| 77 | + } |
| 78 | + .smallVersions { |
| 79 | + font-size: small; |
| 80 | + } |
| 81 | + .versionNumber, #newerVersion { |
| 82 | + font-family: monospace; |
| 83 | + } |
| 84 | + .divider { |
| 85 | + border-top: 2px solid gray; |
| 86 | + margin-top:15px; |
| 87 | + margin-bottom: 30px; |
| 88 | + } |
| 89 | + .mainContent, .divider { |
| 90 | + width: 600px; |
| 91 | + display: inline-block; |
| 92 | + text-align: left; |
| 93 | + } |
| 94 | + h1 { |
| 95 | + font-size: 18pt; |
| 96 | + margin-top: 15px; |
| 97 | + margin-bottom: 5px; |
| 98 | + } |
| 99 | + .signature { |
| 100 | + font-style: italic; |
| 101 | + font-size: small; |
| 102 | + } |
| 103 | + #newVersionAvailable { |
| 104 | + font-style: italic; |
| 105 | + font-size: small; |
| 106 | + } |
| 107 | + a { |
| 108 | + color: rgb(255, 136, 0); |
| 109 | + } |
59 | 110 | </style>
|
60 | 111 | </head>
|
61 | 112 | <body>
|
62 | 113 | <div class="header">
|
63 | 114 | <div><img alt="Chat Overflow logo"
|
64 | 115 | src="https://raw.githubusercontent.com/codeoverflow-org/chatoverflow/master/chatoverflow-logo.png"
|
65 |
| - width="100px"></div> |
66 |
| - <div class="smallTitle">Hi, welcome to</div> |
67 |
| - <div class="bigTitle">Chat Overflow</div> |
68 |
| - <div class="deploymentType onlyEndUser" id="deploymentEndUser">END-USER-VERSION</div> |
69 |
| - <div class="deploymentType onlyPluginDev" id="deploymentPluginDev">PLUGIN-DEV-VERSION</div> |
| 116 | + width="350px"></div> |
70 | 117 | </div>
|
71 | 118 |
|
72 |
| -<div class="divider"></div> |
73 |
| - |
74 | 119 | <div class="version">
|
75 |
| - <div class="mainVersion">You have downloaded version <span id="frameworkVersion"></span></div> |
| 120 | + |
76 | 121 | <div class="smallVersions">
|
77 |
| - API: <span id="apiVersion"></span> |
78 |
| - REST: <span id="restVersion"></span> |
79 |
| - NPM: <span id="npmVersion"></span> |
80 |
| - GUI: <span id="guiVersion"></span> |
| 122 | + API: <span class="versionNumber" id="apiVersion"></span> |
| 123 | + REST: <span class="versionNumber" id="restVersion"></span> |
| 124 | + NPM: <span class="versionNumber" id="npmVersion"></span> |
| 125 | + GUI: <span class="versionNumber" id="guiVersion"></span> |
81 | 126 | </div>
|
82 |
| - <div id="newVersionAvailable">A newer version (<span id="newerVersion"></span>) is available. Please visit: TODO |
| 127 | + <div id="newVersionAvailable">A newer version (<span id="newerVersion"></span>) is available. <a href="https://github.com/codeoverflow-org/chatoverflow/releases">Download</a> |
83 | 128 | </div>
|
84 | 129 | </div>
|
85 | 130 |
|
| 131 | +<div class="deploymentType onlyEndUser" id="deploymentEndUser">END-USER-VERSION</div> |
| 132 | +<div class="deploymentType onlyPluginDev" id="deploymentPluginDev">PLUGIN-DEV-VERSION</div> |
| 133 | + |
| 134 | +<div> </div> |
| 135 | + |
86 | 136 | <div class="divider"></div>
|
87 | 137 |
|
88 |
| -<div id="downloadInfo">Thank you for downloading Chat Overflow! For more information, please visit <a |
| 138 | +<div> </div> |
| 139 | + |
| 140 | +<div class="mainContent"> |
| 141 | +<div id="downloadInfo">Thank you for downloading <b>Chat Overflow <span id="frameworkVersion"></span></b>! For more information, please visit <a |
89 | 142 | href="http://codeoverflow.org">codeoverflow.org</a> or join our <a href="https://discord.gg/p2HDsme">discord
|
90 |
| - server</a>. |
| 143 | + server</a>. We're always happy about bug reports and feature requests. Have fun! <span class="signature">- The Code Overflow Team</span> |
91 | 144 | </div>
|
| 145 | +<h1>Introduction</h1> |
92 | 146 | <div id="description">Code Overflow Motivation / Description</div>
|
| 147 | +<h1>How to use</h1> |
93 | 148 | <div class="onlyEndUser" id="shortTutorialEndUser">TODO</div>
|
94 | 149 | <div class="onlyPluginDev" id="shortTutorialPluginDev">TODO</div>
|
| 150 | +<h1>More information</h1> |
95 | 151 | <div class="onlyEndUser" id="helpfulLinksEndUser">TODO</div>
|
96 | 152 | <div class="onlyPluginDev" id="helpfulLinksPluginDev">TODO</div>
|
| 153 | + |
| 154 | +</div> |
97 | 155 | <script type="text/javascript">
|
98 | 156 | updateVersions();
|
99 | 157 | </script>
|
|
0 commit comments