Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-04-04 14:29:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

make downloaded page a full html doc (#2011)

Browse Source 
* make downloaded page a full html doc

* revert testing
This commit is contained in:
Matt Hill
2022-12-01 14:28:14 -07:00
committed by GitHub
parent d18a34785c
commit ed22e53cb6
4 changed files with 135 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
frontend/projects/setup-wizard/src/app/pages/success/success.page.html
View File

@@ -85,144 +85,8 @@
</div>
</ion-col>
</ion-row>
<!-- download elem -->
<div hidden id="downloadable">
<div
style="
font-family: Montserrat;
color: #333333;
display: flex;
flex-direction: column;
margin: auto;
width: clamp(900px, 35vw, 600px);
"
>
<h1
style="
font-variant-caps: all-small-caps;
text-align: center;
padding: 1rem;
"
>
Embassy Address Info
</h1>
<section
style="
padding: 1rem 3rem 2rem 3rem;
border: solid #c4c4c5 3px;
margin-bottom: 24px;
"
>
<h2 style="font-variant-caps: all-small-caps">
Access from home (LAN)
</h2>
<p>
Visit the address below when you are connected to the same
WiFi or Local Area Network (LAN) as your Embassy:
</p>
<p
style="
padding: 16px;
font-weight: bold;
font-size: 1.1rem;
overflow: auto;
"
>
<code id="lan-addr"></code>
</p>
<div>
<h3 style="color: #f8546a; font-weight: bold">
Important!
</h3>
<p>
Be sure to
<a
href="https://docs.start9.com/latest/user-manual/connecting/connecting-lan"
target="_blank"
rel="noreferrer"
style="
color: #6866cc;
font-weight: bold;
text-decoration: none;
"
>
follow the instructions
</a>
to establish a secure connection by installing your
Embassy's certificate.
</p>
</div>
<div style="padding: 2rem; text-align: center">
<a
id="cert"
download="embassy.crt"
style="
display: inline-block;
padding: 1em 1.2em;
box-sizing: border-box;
font-size: 1rem;
text-decoration: none;
text-align: center;
border-radius: clamp(2rem, 3rem, 4rem);
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
background: #6866cc;
color: #f4f4f5;
"
>
Download certificate
</a>
</div>
</section>
<section
style="
padding: 1rem 3rem 2rem 3rem;
border: solid #c4c4c5 3px;
"
>
<h2 style="font-variant-caps: all-small-caps">
Access on the go (Tor)
</h2>
<p>Visit the address below when you are away from home:</p>
<p
style="
padding: 16px;
font-weight: bold;
font-size: 1.1rem;
overflow: auto;
"
>
<code id="tor-addr"></code>
</p>
<div>
<h3 style="color: #f8546a; font-weight: bold">
Important!
</h3>
<p>
This address will only work from a Tor-enabled browser.
<a
href="https://docs.start9.com/latest/user-manual/connecting/connecting-tor"
target="_blank"
rel="noreferrer"
style="
color: #6866cc;
font-weight: bold;
text-decoration: none;
"
>
Follow the instructions
</a>
to get setup.
</p>
</div>
</section>
</div>
</div>
<download-doc hidden id="downloadable"></download-doc>
</ion-card>
</ng-template>
</ion-col>