mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 20:14:49 +00:00
make downloaded page a full html doc (#2011)
* make downloaded page a full html doc * revert testing
This commit is contained in:
Matt Hill
@@ -0,0 +1,125 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Embassy Address Info</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
import { Component } from '@angular/core'
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'download-doc',
|
||||||
|
templateUrl: 'download-doc.component.html',
|
||||||
|
})
|
||||||
|
export class DownloadDocComponent {}
|
||||||
@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms'
|
|||||||
import { SuccessPage } from './success.page'
|
import { SuccessPage } from './success.page'
|
||||||
import { PasswordPageModule } from '../../modals/password/password.module'
|
import { PasswordPageModule } from '../../modals/password/password.module'
|
||||||
import { SuccessPageRoutingModule } from './success-routing.module'
|
import { SuccessPageRoutingModule } from './success-routing.module'
|
||||||
|
import { DownloadDocComponent } from './download-doc/download-doc.component'
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
@@ -14,7 +15,7 @@ import { SuccessPageRoutingModule } from './success-routing.module'
|
|||||||
PasswordPageModule,
|
PasswordPageModule,
|
||||||
SuccessPageRoutingModule,
|
SuccessPageRoutingModule,
|
||||||
],
|
],
|
||||||
declarations: [SuccessPage],
|
declarations: [SuccessPage, DownloadDocComponent],
|
||||||
exports: [SuccessPage],
|
exports: [SuccessPage],
|
||||||
})
|
})
|
||||||
export class SuccessPageModule {}
|
export class SuccessPageModule {}
|
||||||
|
|||||||
@@ -85,144 +85,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
|
|
||||||
<!-- download elem -->
|
<!-- download elem -->
|
||||||
<div hidden id="downloadable">
|
<download-doc hidden id="downloadable"></download-doc>
|
||||||
<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>
|
|
||||||
</ion-card>
|
</ion-card>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
|
|||||||
Reference in New Issue
Block a user