added 2 new templates for the marketing pages, base template has script for new font, new image assets for the marketing pages, edits to the dactyl-config file, changes to overall font stylings, body tag now bg black and color white

This commit is contained in:
Calvin Jhunjhnuwala
2020-08-04 15:12:29 -07:00
parent af34ef4bc9
commit d06ba9a975
20 changed files with 1915 additions and 15 deletions

View File

@@ -1,10 +1,15 @@
// Font Settings ===============================================================
body {
font-feature-settings: "liga", "kern";
// font-feature-settings: "liga", "kern";
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 0.9375rem;
font-size: 1rem;
background: #000;
background-color: #000;
line-height: 1.5;
color: #FFF;
font-family: 'Work Sans', sans-serif;
}
pre, code {
@@ -14,10 +19,40 @@ pre, code {
font-variant-ligatures: none;
}
h1, h2, h3, h4, h5 {
font-family: 'Space Mono', monospace;
font-weight: 700;
color: $black;
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: bold;
}
h1, .h1 {
font-size: 2.625rem;
}
h6, .h6 {
font-size: 1.125rem;
}
p {
line-height: 1.5;
}
a:hover {
text-decoration: none;
}
.fs-base {
font-size: 1rem;
}
.fs-5 {
font-size: 1.25rem;
}
.fs-5-5 {
font-size: 1.375rem;
}
.fs-6 {
font-size: 1.5rem;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
/* Japanese language font override ------------------------------------------ */
@@ -30,8 +65,8 @@ h1, h2, h3, h4, h5 {
.right-sidebar .level-1 a,
.right-sidebar .separator,
.use-case-step-num {
//font-family: 'M PLUS 1p', 'Space Mono', sans-serif;
//font-family: '851Gkktt', 'Space Mono', sans-serif;
font-family: 'Makinas-4-Flat', 'Makinas-4-Square', 'Space Mono', sans-serif;
font-family: 'M PLUS 1p', 'Work Sans', sans-serif;
font-family: '851Gkktt', 'Work Sans', sans-serif;
// font-family: 'Makinas-4-Flat', 'Makinas-4-Square', 'Space Mono', sans-serif;
}
}

177
styles/_marketing.scss Normal file
View File

@@ -0,0 +1,177 @@
// Font Settings ===============================================================
.marketing-wrapper {
section {
border-bottom: none;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
}
:root {
--main-green: #19FF83;
--white: #FFFFFF;
}
.va-middle {
vertical-align: middle;
}
.text-white {
color: var(--white);
}
.text-green {
color: var(--main-green);
}
.text-green:hover {
color: var(--main-green);
}
.arrow-link:after {
content: url(../img/icon-green-arrow.svg);
width: 28px;
padding-left: 7px;
transition: all .2s ease-in-out;
display: inline-block;
text-decoration: none;
}
.arrow-link:hover:after {
padding-left: 14px;
}
.text-largest {
font-size: 1.5rem;
font-weight: normal;
}
.top-10 {
top: 2.5rem;
}
.vh100 {
height: 100vh;
min-height: 100%;
}
.align-items-stretch {
align-items: stretch;
}
/* SPACING HELPERS */
/* To create new margin classes, multiply by 4px */
.mt-8 {
margin-top: 2rem;
}
.mt-9 {
margin-top: 2.25rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mt-13 {
margin-top: 3.25rem;
}
.mb-13 {
margin-bottom: 3.25rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mt-16 {
margin-top: 4rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-18 {
margin-bottom: 4.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mt-30 {
margin-top: 7.5rem;
}
.mt-40 {
margin-top: 10rem;
}
.mb-40 {
margin-bottom: 10rem;
}
.my-40 {
margin-top: 10rem;
margin-bottom: 10rem;
}
.mb-49 {
margin-bottom: 12.25rem;
}
.mb-50 {
margin-bottom: 12.5rem;
}
.ls-none {
list-style: none;
}
/* COMPONENTS */
.border-green {
border: 1px solid var(--main-green);
}
.btn {
padding: 16px 24px;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
}
.btn-clear {
color: var(--white);
border: 1px solid var(--white);
}
.btn-clear:hover {
background: var(--white);
color: #000;
}
.card-wrapper {
width: 100%;
}
.card {
margin: 0 0.75rem;
background: black;
padding: 3rem 2rem;
color: var(--white);
}
.card h5 {
height: 38px;
padding-bottom: 5rem;
}
section {
position: relative;
}
.section-marker {
position: absolute;
font-size: 0.875rem;
transform: rotate(90deg);
font-weight: normal;
top: calc(50% - 4px);
margin-left: -48px;
}

View File

@@ -5,5 +5,8 @@
},
"scripts": {
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal.css --output-style compressed"
},
"dependencies": {
"sass": "^1.26.10"
}
}

View File

@@ -33,8 +33,8 @@ $border-radius: 0;
$border-radius-lg: 0;
$border-radius-sm: 0;
@import "_font-face.scss";
$font-family-monospace: 'Space Mono', monospace;
// @import "_font-face.scss";
$font-family-monospace: 'Work Sans', monospace;
$font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
// Bootstrap v4
@@ -60,3 +60,5 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
@import "_lang-selector.scss";
@import "_dev-tools.scss";
@import "_print.scss";
@import "_marketing.scss";

1325
styles/yarn-error.log Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -49,6 +49,14 @@ ansi-styles@^3.2.0:
dependencies:
color-convert "^1.9.0"
anymatch@~3.1.1:
version "3.1.1"
resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
dependencies:
normalize-path "^3.0.0"
picomatch "^2.0.4"
aproba@^1.0.3:
version "1.2.0"
resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -111,6 +119,11 @@ bcrypt-pbkdf@^1.0.0:
dependencies:
tweetnacl "^0.14.3"
binary-extensions@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
block-stream@*:
version "0.0.9"
resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
@@ -131,6 +144,13 @@ brace-expansion@^1.1.7:
balanced-match "^1.0.0"
concat-map "0.0.1"
braces@~3.0.2:
version "3.0.2"
resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
dependencies:
fill-range "^7.0.1"
camelcase-keys@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -165,6 +185,21 @@ chalk@^1.1.1:
strip-ansi "^3.0.0"
supports-color "^2.0.0"
"chokidar@>=2.0.0 <4.0.0":
version "3.4.1"
resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.1.tgz#e905bdecf10eaa0a0b1db0c664481cc4cbc22ba1"
integrity sha512-TQTJyr2stihpC4Sya9hs2Xh+O2wf+igjL36Y75xx2WdHuiICcn/XJza46Jwt0eT5hVpQOzo3FpY3cj3RVYLX0g==
dependencies:
anymatch "~3.1.1"
braces "~3.0.2"
glob-parent "~5.1.0"
is-binary-path "~2.1.0"
is-glob "~4.0.1"
normalize-path "~3.0.0"
readdirp "~3.4.0"
optionalDependencies:
fsevents "~2.1.2"
cliui@^5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
@@ -300,6 +335,13 @@ fast-json-stable-stringify@^2.0.0:
resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
fill-range@^7.0.1:
version "7.0.1"
resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
dependencies:
to-regex-range "^5.0.1"
find-up@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -334,6 +376,11 @@ fs.realpath@^1.0.0:
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
fsevents@~2.1.2:
version "2.1.3"
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
fstream@^1.0.0, fstream@^1.0.12:
version "1.0.12"
resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.12.tgz#4e8ba8ee2d48be4f7d0de505455548eae5932045"
@@ -382,6 +429,13 @@ getpass@^0.1.1:
dependencies:
assert-plus "^1.0.0"
glob-parent@~5.1.0:
version "5.1.1"
resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
dependencies:
is-glob "^4.0.1"
glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@~7.1.1:
version "7.1.6"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
@@ -477,6 +531,18 @@ is-arrayish@^0.2.1:
resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
is-binary-path@~2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
dependencies:
binary-extensions "^2.0.0"
is-extglob@^2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
is-finite@^1.0.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.1.0.tgz#904135c77fb42c0641d6aa1bcdbc4daa8da082f3"
@@ -494,6 +560,18 @@ is-fullwidth-code-point@^2.0.0:
resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
is-glob@^4.0.1, is-glob@~4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
dependencies:
is-extglob "^2.1.1"
is-number@^7.0.0:
version "7.0.0"
resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
is-typedarray@~1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
@@ -709,6 +787,11 @@ normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
semver "2 || 3 || 4 || 5"
validate-npm-package-license "^3.0.1"
normalize-path@^3.0.0, normalize-path@~3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0:
version "4.1.2"
resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
@@ -821,6 +904,11 @@ performance-now@^2.1.0:
resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
picomatch@^2.0.4, picomatch@^2.2.1:
version "2.2.2"
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
pify@^2.0.0:
version "2.3.0"
resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -893,6 +981,13 @@ readable-stream@^2.0.1, readable-stream@^2.0.6:
string_decoder "~1.1.1"
util-deprecate "~1.0.1"
readdirp@~3.4.0:
version "3.4.0"
resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
dependencies:
picomatch "^2.2.1"
redent@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
@@ -983,6 +1078,13 @@ sass-graph@2.2.5:
scss-tokenizer "^0.2.3"
yargs "^13.3.2"
sass@^1.26.10:
version "1.26.10"
resolved "https://registry.yarnpkg.com/sass/-/sass-1.26.10.tgz#851d126021cdc93decbf201d1eca2a20ee434760"
integrity sha512-bzN0uvmzfsTvjz0qwccN1sPm2HxxpNI/Xa+7PlUEMS+nQvbyuEK7Y0qFqxlPHhiNHb1Ze8WQJtU31olMObkAMw==
dependencies:
chokidar ">=2.0.0 <4.0.0"
scss-tokenizer@^0.2.3:
version "0.2.3"
resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
@@ -1148,6 +1250,13 @@ tar@^2.0.0:
fstream "^1.0.12"
inherits "2"
to-regex-range@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
dependencies:
is-number "^7.0.0"
tough-cookie@~2.5.0:
version "2.5.0"
resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"