10 changed files with 125 additions and 79 deletions
@ -1,21 +1,28 @@ |
|||||
extends ../layouts/main |
extends ../layouts/focused |
||||
block content |
block content |
||||
|
|
||||
section.uk-section.uk-section-default |
section.uk-section.uk-section-default |
||||
.uk-container |
.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 |
.uk-card.uk-card-default |
||||
each core in connectedCores |
.uk-card-header |
||||
div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@l") |
h1.uk-card-title Select Community |
||||
//- pre= JSON.stringify(connectedCores, null, 2) |
|
||||
a(href=`/auth/core/${core._id}`).uk-display-block.uk-link-text |
.uk-card-body |
||||
.uk-tile.uk-tile-default.uk-padding-small.uk-border-small |
div(uk-grid).uk-grid-small |
||||
div(uk-grid).uk-grid-small.uk-flex-middle |
each core in connectedCores |
||||
.uk-width-auto |
div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@xl") |
||||
img(src=`http://${core.meta.domain}/img/icon/dtp-core.svg`, style="width: 48px; height: auto;") |
//- pre= JSON.stringify(connectedCores, null, 2) |
||||
.uk-width-expand |
a(href=`/auth/core/${core._id}`).uk-display-block.uk-link-reset |
||||
h4.uk-margin-remove= core.meta.name |
.dtp-core-list-item.uk-border-rounded |
||||
.uk-text-small.uk-text-muted= core.meta.description |
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 |
block content |
||||
|
|
||||
form(method="POST", action="/user").uk-form |
section.uk-section.uk-section-default.uk-section-xsmall |
||||
section.uk-section.uk-section-default.uk-section-xsmall |
.uk-container.uk-container-small |
||||
.uk-container.uk-container-small |
form(method="POST", action="/user").uk-form |
||||
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-card.uk-card-default.uk-card-small.uk-width-xlarge.uk-margin-auto.uk-border-rounded |
||||
|
.uk-card-header |
||||
.uk-margin |
h1.uk-card-title Create New Account |
||||
label(for="email").uk-form-label Email |
|
||||
input(id="email", name="email", type="email", autocomplete="off", placeholder="Enter your email address").uk-input |
.uk-card-body |
||||
.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. |
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 |
.uk-margin |
||||
label(for="username").uk-form-label Username |
label(for="email").uk-form-label Email |
||||
input(id="username", name="username", type="text", autocomplete="off", placeholder="Enter a username").uk-input |
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") 40 characters max. No spaces. A-Z, a-z, 0-9, - (dash) and _ (underscore). |
.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 |
.uk-margin |
||||
label(for="display-name").uk-form-label Display Name |
label(for="username").uk-form-label Username |
||||
input(id="display-name", name="displayName", type="text", autocomplete="off", placeholder="Enter a display name").uk-input |
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, and can include most printable characters including emojis, spaces, whatever you're into within reason. |
.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 |
|
||||
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 |
|
||||
.uk-margin |
.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 |
.uk-width-medium.uk-margin-auto |
||||
div(style="background: white;") |
div(style="background: white;") |
||||
img(src='/welcome/signup/captcha', style="padding: 8px 0;").uk-display-block.uk-margin-auto |
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 |
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