Skip to content
This repository was archived by the owner on Feb 11, 2026. It is now read-only.

Commit 5cab248

Browse files
hazzukhazzuk
authored
Merge pull request #52 from elecordapp/element-html
Update Element static HTML pages
2 parents c21c1b4 + 4e09af7 commit 5cab248

3 files changed

Lines changed: 113 additions & 89 deletions

File tree

‎src/vector/mobile_guide/index.html‎

Lines changed: 35 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@
9797
}
9898

9999
.mx_FooterLink {
100-
color: #0dbd8b;
100+
color: #4187eb;
101101
text-decoration: none;
102102
}
103103

@@ -146,42 +146,49 @@
146146
<div class="mx_HomePage_container">
147147
<div class="mx_HomePage_header">
148148
<span class="mx_HomePage_logo">
149-
<svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
150-
<path
151-
fill-rule="evenodd"
152-
clip-rule="evenodd"
153-
d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z"
154-
fill="#0DBD8B"
155-
/>
156-
<path
157-
fill-rule="evenodd"
158-
clip-rule="evenodd"
159-
d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z"
160-
fill="#0DBD8B"
161-
/>
162-
<path
163-
fill-rule="evenodd"
164-
clip-rule="evenodd"
165-
d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z"
166-
fill="#0DBD8B"
167-
/>
168-
<path
169-
fill-rule="evenodd"
170-
clip-rule="evenodd"
171-
d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z"
172-
fill="#0DBD8B"
173-
/>
149+
<svg width="32" height="32" viewBox="0 0 512 512" version="1.1" id="svg1" xml:space="preserve"
150+
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
151+
xmlns:svg="http://www.w3.org/2000/svg">
152+
<defs id="defs1">
153+
<linearGradient id="linearGradient40">
154+
<stop style="stop-color:#14b6f9;stop-opacity:1;" offset="0" id="stop41" />
155+
<stop style="stop-color:#0fa5f6;stop-opacity:1;" offset="0.25247523" id="stop129" />
156+
<stop style="stop-color:#106bf2;stop-opacity:1;" offset="0.69059408" id="stop130" />
157+
<stop style="stop-color:#125bed;stop-opacity:1;" offset="1" id="stop42" />
158+
</linearGradient>
159+
<linearGradient xlink:href="#linearGradient40" id="linearGradient42" x1="256" y1="0" x2="256"
160+
y2="512" gradientUnits="userSpaceOnUse" />
161+
<filter style="color-interpolation-filters:sRGB" id="filter127" x="-0.12352941" y="-0.11830986"
162+
width="1.2470587" height="1.2823944">
163+
<feFlood result="flood" in="SourceGraphic" flood-opacity="0.250980" flood-color="rgb(0,0,0)"
164+
id="feFlood126" />
165+
<feGaussianBlur result="blur" in="SourceGraphic" stdDeviation="14.000000"
166+
id="feGaussianBlur126" />
167+
<feOffset result="offset" in="blur" dx="0.000000" dy="13.000000" id="feOffset126" />
168+
<feComposite result="comp1" operator="in" in="flood" in2="offset" id="feComposite126" />
169+
<feComposite result="comp2" operator="over" in="SourceGraphic" in2="comp1"
170+
id="feComposite127" />
171+
</filter>
172+
</defs>
173+
<g id="layer2" style="display:inline">
174+
<path id="path1" style="display:inline;fill:url(#linearGradient42);stroke-width:0.952441"
175+
d="M 512,256 A 256,256 0 0 1 256,512 256,256 0 0 1 0,256 256,256 0 0 1 256,0 256,256 0 0 1 512,256 Z" />
176+
<path
177+
d="m 212,116 c -50.96657,0 -92,41.03343 -92,92 v 44 c 0,35.95235 20.43219,66.94046 50.35156,82.08984 C 172.06539,368.97927 144,400 144,400 c 0,0 65.17196,-16.37821 83.33008,-52.07617 9.21713,0.71911 18.90637,1.09073 28.66992,1.09961 9.76355,-0.009 19.45279,-0.3805 28.66992,-1.09961 C 302.82826,383.62222 368,400 368,400 368,400 339.93459,368.97969 341.64844,334.08984 371.56781,318.94046 392,287.95235 392,252 v -44 c 0,-50.96657 -41.03343,-92 -92,-92 z m -26.5,86 A 25.5,25.5 0 0 1 211,227.5 25.5,25.5 0 0 1 185.5,253 25.5,25.5 0 0 1 160,227.5 25.5,25.5 0 0 1 185.5,202 Z m 141,0 A 25.5,25.5 0 0 1 352,227.5 25.5,25.5 0 0 1 326.5,253 25.5,25.5 0 0 1 301,227.5 25.5,25.5 0 0 1 326.5,202 Z m -94.2168,58.48242 c 0.0796,-0.003 0.15938,-0.003 0.23828,0 0.98224,0.0423 1.89985,0.58257 2.47852,1.51758 2.57763,4.16492 6.8405,8.6982 21,8.7168 14.15956,-0.0186 18.42236,-4.55186 21,-8.7168 1.32267,-2.13717 4.41914,-2.207 6,1 0.46425,0.9418 0.71011,1.88241 0.76367,2.81445 -0.0312,1.07703 -0.22014,2.14995 -0.56445,3.20508 C 280.54783,277.15632 269.18337,282.998 256,283 c -0.44988,-0.012 -0.89924,-0.0308 -1.34766,-0.0566 -0.14199,-0.005 -0.28393,-0.0106 -0.42578,-0.0176 -12.14078,-0.49675 -22.35549,-5.9144 -25.20312,-13.36719 -0.48257,-1.25665 -0.74259,-2.54319 -0.77539,-3.83593 0.064,-0.90207 0.30292,-1.81173 0.75195,-2.72266 0.83365,-1.69119 2.08893,-2.47138 3.2832,-2.51758 z"
178+
style="display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.08557;filter:url(#filter127)"
179+
id="path11" />
180+
</g>
174181
</svg>
175182
</span>
176-
<p>Access elecord on iOS or Android</p>
183+
<h1>Access elecord on iOS or Android</h1>
177184
</div>
178185
<div class="mx_HomePage_col">
179186
<div class="mx_HomePage_row">
180187
<div>
181188
<!-- <h2 id="step1_heading">Apps</h2> -->
182189
<!-- by default, conent is modified/added in index.ts -->
183190
<h2>Apps</h2>
184-
<p>Elecord isn't available on mobile. Instead you can install mobile apps provided by <a href="https://element.io">Element</a>:</p>
191+
<p>While elecord isn't available on mobile. You can install mobile apps provided by <a href="https://element.io">Element</a>:</p>
185192
<div class="mx_Spacer"></div>
186193
<p><strong>iOS</strong> (iPhone or iPad)</p>
187194
<a

‎src/vector/static/incompatible-browser.html‎

Lines changed: 42 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
22

33
<head>
4+
<title>Unsupported browser</title>
45
<style type="text/css">
56
/* By default, hide the custom IS stuff - enabled in JS */
67
#custom_is,
@@ -88,7 +89,7 @@
8889
}
8990

9091
.mx_FooterLink {
91-
color: #0dbd8b;
92+
color: #4187eb;
9293
text-decoration: none;
9394
}
9495

@@ -135,41 +136,48 @@
135136
<div class="mx_HomePage_container">
136137
<div class="mx_HomePage_header">
137138
<span class="mx_HomePage_logo">
138-
<svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg">
139-
<path
140-
fill-rule="evenodd"
141-
clip-rule="evenodd"
142-
d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z"
143-
fill="#0DBD8B"
144-
/>
145-
<path
146-
fill-rule="evenodd"
147-
clip-rule="evenodd"
148-
d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z"
149-
fill="#0DBD8B"
150-
/>
151-
<path
152-
fill-rule="evenodd"
153-
clip-rule="evenodd"
154-
d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z"
155-
fill="#0DBD8B"
156-
/>
157-
<path
158-
fill-rule="evenodd"
159-
clip-rule="evenodd"
160-
d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z"
161-
fill="#0DBD8B"
162-
/>
139+
<svg width="32" height="32" viewBox="0 0 512 512" version="1.1" id="svg1" xml:space="preserve"
140+
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
141+
xmlns:svg="http://www.w3.org/2000/svg">
142+
<defs id="defs1">
143+
<linearGradient id="linearGradient40">
144+
<stop style="stop-color:#14b6f9;stop-opacity:1;" offset="0" id="stop41" />
145+
<stop style="stop-color:#0fa5f6;stop-opacity:1;" offset="0.25247523" id="stop129" />
146+
<stop style="stop-color:#106bf2;stop-opacity:1;" offset="0.69059408" id="stop130" />
147+
<stop style="stop-color:#125bed;stop-opacity:1;" offset="1" id="stop42" />
148+
</linearGradient>
149+
<linearGradient xlink:href="#linearGradient40" id="linearGradient42" x1="256" y1="0" x2="256"
150+
y2="512" gradientUnits="userSpaceOnUse" />
151+
<filter style="color-interpolation-filters:sRGB" id="filter127" x="-0.12352941" y="-0.11830986"
152+
width="1.2470587" height="1.2823944">
153+
<feFlood result="flood" in="SourceGraphic" flood-opacity="0.250980" flood-color="rgb(0,0,0)"
154+
id="feFlood126" />
155+
<feGaussianBlur result="blur" in="SourceGraphic" stdDeviation="14.000000"
156+
id="feGaussianBlur126" />
157+
<feOffset result="offset" in="blur" dx="0.000000" dy="13.000000" id="feOffset126" />
158+
<feComposite result="comp1" operator="in" in="flood" in2="offset" id="feComposite126" />
159+
<feComposite result="comp2" operator="over" in="SourceGraphic" in2="comp1"
160+
id="feComposite127" />
161+
</filter>
162+
</defs>
163+
<g id="layer2" style="display:inline">
164+
<path id="path1" style="display:inline;fill:url(#linearGradient42);stroke-width:0.952441"
165+
d="M 512,256 A 256,256 0 0 1 256,512 256,256 0 0 1 0,256 256,256 0 0 1 256,0 256,256 0 0 1 512,256 Z" />
166+
<path
167+
d="m 212,116 c -50.96657,0 -92,41.03343 -92,92 v 44 c 0,35.95235 20.43219,66.94046 50.35156,82.08984 C 172.06539,368.97927 144,400 144,400 c 0,0 65.17196,-16.37821 83.33008,-52.07617 9.21713,0.71911 18.90637,1.09073 28.66992,1.09961 9.76355,-0.009 19.45279,-0.3805 28.66992,-1.09961 C 302.82826,383.62222 368,400 368,400 368,400 339.93459,368.97969 341.64844,334.08984 371.56781,318.94046 392,287.95235 392,252 v -44 c 0,-50.96657 -41.03343,-92 -92,-92 z m -26.5,86 A 25.5,25.5 0 0 1 211,227.5 25.5,25.5 0 0 1 185.5,253 25.5,25.5 0 0 1 160,227.5 25.5,25.5 0 0 1 185.5,202 Z m 141,0 A 25.5,25.5 0 0 1 352,227.5 25.5,25.5 0 0 1 326.5,253 25.5,25.5 0 0 1 301,227.5 25.5,25.5 0 0 1 326.5,202 Z m -94.2168,58.48242 c 0.0796,-0.003 0.15938,-0.003 0.23828,0 0.98224,0.0423 1.89985,0.58257 2.47852,1.51758 2.57763,4.16492 6.8405,8.6982 21,8.7168 14.15956,-0.0186 18.42236,-4.55186 21,-8.7168 1.32267,-2.13717 4.41914,-2.207 6,1 0.46425,0.9418 0.71011,1.88241 0.76367,2.81445 -0.0312,1.07703 -0.22014,2.14995 -0.56445,3.20508 C 280.54783,277.15632 269.18337,282.998 256,283 c -0.44988,-0.012 -0.89924,-0.0308 -1.34766,-0.0566 -0.14199,-0.005 -0.28393,-0.0106 -0.42578,-0.0176 -12.14078,-0.49675 -22.35549,-5.9144 -25.20312,-13.36719 -0.48257,-1.25665 -0.74259,-2.54319 -0.77539,-3.83593 0.064,-0.90207 0.30292,-1.81173 0.75195,-2.72266 0.83365,-1.69119 2.08893,-2.47138 3.2832,-2.51758 z"
168+
style="display:inline;fill:#ffffff;fill-opacity:1;stroke-width:1.08557;filter:url(#filter127)"
169+
id="path11" />
170+
</g>
163171
</svg>
164172
</span>
165173
<h1>Unsupported browser</h1>
166174
</div>
167175
<div class="mx_HomePage_col">
168176
<div class="mx_HomePage_row">
169177
<div>
170-
<h2 id="step1_heading">Your browser can't run Element</h2>
178+
<h2 id="step1_heading">Your browser can't run elecord</h2>
171179
<p>
172-
Element uses many advanced browser features, some of which are not available or experimental in
180+
Sorry, elecord uses many advanced browser features, some of which are not available or experimental in
173181
your current browser.
174182
</p>
175183
<p>
@@ -183,9 +191,10 @@ <h2 id="step1_heading">Your browser can't run Element</h2>
183191
<div class="mx_HomePage_col">
184192
<div class="mx_HomePage_row">
185193
<div>
186-
<h2 id="step2_heading">Use Element on mobile</h2>
194+
<h2 id="step2_heading">Access on mobile</h2>
195+
<p>While elecord isn't available on mobile. You can install mobile apps provided by <a href="https://element.io">Element</a>:</p>
187196
<p><strong>iOS</strong> (iPhone or iPad)</p>
188-
<a href="https://apps.apple.com/app/vector/id1083446067" target="_blank" class="mx_ClearDecoration">
197+
<a href="https://apps.apple.com/app/element-x-secure-chat-call/id1631335820" target="_blank" class="mx_ClearDecoration">
189198
<svg
190199
width="144px"
191200
height="48px"
@@ -320,7 +329,7 @@ <h2 id="step2_heading">Use Element on mobile</h2>
320329
</a>
321330
<p class="mx_Spacer"><strong>Android</strong></p>
322331
<a
323-
href="https://play.google.com/store/apps/details?id=im.vector.app"
332+
href="https://play.google.com/store/apps/details?id=io.element.android.x"
324333
target="_blank"
325334
class="mx_ClearDecoration"
326335
>
@@ -456,7 +465,7 @@ <h2 id="step2_heading">Use Element on mobile</h2>
456465
</svg>
457466
</a>
458467
<a
459-
href="https://f-droid.org/repository/browse/?fdid=im.vector.app"
468+
href="https://f-droid.org/packages/io.element.android.x/"
460469
target="_blank"
461470
class="mx_ClearDecoration"
462471
>
@@ -769,7 +778,7 @@ <h2 id="step2_heading">Use Element on mobile</h2>
769778
</div>
770779
<div class="mx_HomePage_row mx_Center mx_Spacer">
771780
<p class="mx_Spacer">
772-
<a href="https://element.io" target="_blank" class="mx_FooterLink"> Go to element.io </a>
781+
<a href="https://elecord.app" target="_blank" class="mx_FooterLink"> Go to www.elecord.app </a>
773782
</p>
774783
</div>
775784
</div>

0 commit comments

Comments
 (0)
⚡