10 changed files with 125 additions and 79 deletions
@ -1,21 +1,28 @@ |
|||
extends ../layouts/main |
|||
extends ../layouts/focused |
|||
block content |
|||
|
|||
section.uk-section.uk-section-default |
|||
.uk-container |
|||
.uk-margin-large |
|||
h1.uk-text-center Select Community |
|||
p.uk-text-center #{site.name} is connected with the following Core Communities. |
|||
|
|||
div(uk-grid).uk-flex-center |
|||
each core in connectedCores |
|||
div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@l") |
|||
//- pre= JSON.stringify(connectedCores, null, 2) |
|||
a(href=`/auth/core/${core._id}`).uk-display-block.uk-link-text |
|||
.uk-tile.uk-tile-default.uk-padding-small.uk-border-small |
|||
div(uk-grid).uk-grid-small.uk-flex-middle |
|||
.uk-width-auto |
|||
img(src=`http://${core.meta.domain}/img/icon/dtp-core.svg`, style="width: 48px; height: auto;") |
|||
.uk-width-expand |
|||
h4.uk-margin-remove= core.meta.name |
|||
.uk-text-small.uk-text-muted= core.meta.description |
|||
.uk-card.uk-card-default |
|||
.uk-card-header |
|||
h1.uk-card-title Select Community |
|||
|
|||
.uk-card-body |
|||
div(uk-grid).uk-grid-small |
|||
each core in connectedCores |
|||
div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@xl") |
|||
//- pre= JSON.stringify(connectedCores, null, 2) |
|||
a(href=`/auth/core/${core._id}`).uk-display-block.uk-link-reset |
|||
.dtp-core-list-item.uk-border-rounded |
|||
div(uk-grid).uk-grid-small.uk-flex-middle |
|||
.uk-width-auto |
|||
img(src=`http://${core.meta.domain}/img/icon/dtp-core.svg`, style="width: 48px; height: auto;") |
|||
.uk-width-expand |
|||
.core-name= core.meta.name |
|||
.core-description= core.meta.description |
|||
|
|||
.uk-card-footer |
|||
div(uk-grid).uk-grid-small |
|||
.uk-width-expand |
|||
+renderBackButton() |
|||
@ -1,48 +1,54 @@ |
|||
extends ../layouts/main |
|||
extends ../layouts/focused |
|||
block content |
|||
|
|||
form(method="POST", action="/user").uk-form |
|||
section.uk-section.uk-section-default.uk-section-xsmall |
|||
.uk-container.uk-container-small |
|||
p You are creating a new member account on #[+renderSiteLink()]. If you have an account, please #[a(href="/welcome/login") log in here]. An account is required to comment on posts and use other site features. |
|||
|
|||
.uk-margin |
|||
label(for="email").uk-form-label Email |
|||
input(id="email", name="email", type="email", autocomplete="off", placeholder="Enter your email address").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") I'm throwing your email address away after the demo, and I'm not verifying it. You won't receive email. |
|||
|
|||
.uk-margin |
|||
label(for="username").uk-form-label Username |
|||
input(id="username", name="username", type="text", autocomplete="off", placeholder="Enter a username").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") 40 characters max. No spaces. A-Z, a-z, 0-9, - (dash) and _ (underscore). |
|||
|
|||
.uk-margin |
|||
label(for="display-name").uk-form-label Display Name |
|||
input(id="display-name", name="displayName", type="text", autocomplete="off", placeholder="Enter a display name").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") 40 characters max, and can include most printable characters including emojis, spaces, whatever you're into within reason. |
|||
|
|||
.uk-margin |
|||
div(uk-grid) |
|||
.uk-width-1-2 |
|||
.uk-margin |
|||
label(for="password").uk-form-label Password |
|||
input(id="password", name="password", type="password", placeholder="Enter password").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") Don't forget your password. There is no reset (yet). |
|||
|
|||
.uk-width-1-2 |
|||
.uk-margin |
|||
label(for="passwordv").uk-form-label Verify password |
|||
input(id="passwordv", name="passwordv", type="password", placeholder="Verify password").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") Please enter your password again to prove you're not an idiot. |
|||
|
|||
section.uk-section.uk-section-secondary.uk-section |
|||
.uk-container.uk-container-small |
|||
.uk-margin-large |
|||
.uk-text-center |
|||
section.uk-section.uk-section-default.uk-section-xsmall |
|||
.uk-container.uk-container-small |
|||
form(method="POST", action="/user").uk-form |
|||
.uk-card.uk-card-default.uk-card-small.uk-width-xlarge.uk-margin-auto.uk-border-rounded |
|||
.uk-card-header |
|||
h1.uk-card-title Create New Account |
|||
|
|||
.uk-card-body |
|||
p You are creating a new member account on #[+renderSiteLink()]. If you have an account, please #[a(href="/welcome/login") log in here]. An account is required to comment on posts and use other site features. |
|||
|
|||
.uk-margin |
|||
label(for="email").uk-form-label Email |
|||
input(id="email", name="email", type="email", autocomplete="off", placeholder="Enter your email address").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") I'm throwing your email address away after the demo, and I'm not verifying it. You won't receive email. |
|||
|
|||
.uk-margin |
|||
label(for="username").uk-form-label Username |
|||
input(id="username", name="username", type="text", autocomplete="off", placeholder="Enter a username").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") 40 characters max. No spaces. A-Z, a-z, 0-9, - (dash) and _ (underscore). |
|||
|
|||
.uk-margin |
|||
label(for="display-name").uk-form-label Display Name |
|||
input(id="display-name", name="displayName", type="text", autocomplete="off", placeholder="Enter a display name").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") 40 characters max, and can include most printable characters including emojis, spaces, whatever you're into within reason. |
|||
|
|||
.uk-margin |
|||
div(uk-grid) |
|||
.uk-width-1-2 |
|||
.uk-margin |
|||
label(for="password").uk-form-label Password |
|||
input(id="password", name="password", type="password", placeholder="Enter password").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") Don't forget your password. There is no reset (yet). |
|||
|
|||
.uk-width-1-2 |
|||
.uk-margin |
|||
label(for="passwordv").uk-form-label Verify password |
|||
input(id="passwordv", name="passwordv", type="password", placeholder="Verify password").uk-input |
|||
.uk-text-small.uk-text-muted.uk-margin-small-top(class="uk-visible@m") Please enter your password again to prove you're not an idiot. |
|||
|
|||
.uk-text-center.uk-margin |
|||
.uk-width-medium.uk-margin-auto |
|||
div(style="background: white;") |
|||
img(src='/welcome/signup/captcha', style="padding: 8px 0;").uk-display-block.uk-margin-auto |
|||
input(id="captcha", name="captcha", type="text", placeholder="Enter captcha text").uk-input.uk-text-center |
|||
.uk-margin-small |
|||
button(type="submit").uk-button.dtp-button-primary Create Account |
|||
|
|||
.uk-card-footer |
|||
div(uk-grid).uk-grid-small.uk-flex-middle |
|||
.uk-width-expand |
|||
+renderBackButton() |
|||
.uk-width-auto |
|||
button(type="submit").uk-button.uk-button-primary Create Account |
|||
|
|||
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
@ -0,0 +1,25 @@ |
|||
.dtp-core-list-item { |
|||
padding: 16px; |
|||
border: solid 1px @global-color; |
|||
|
|||
transition: background 0.3s; |
|||
|
|||
&:hover { |
|||
background: rgb(178, 238, 178); |
|||
|
|||
.core-name, .core-description { |
|||
color: @global-color; |
|||
} |
|||
} |
|||
|
|||
.core-name { |
|||
color: @global-color; |
|||
font-size: 1.1em; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.core-description { |
|||
color: @global-muted-color; |
|||
font-size: 0.85em; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue