From f35fe25e99495fc85dfd5adaae439ce64b9c5cd7 Mon Sep 17 00:00:00 2001 From: beejsbj Date: Fri, 24 Nov 2023 20:08:06 -0500 Subject: [PATCH] Add styling --- index.html | 169 ++++++++++++++++++++++++------------ styles/.DS_Store | Bin 0 -> 6148 bytes styles/colors.css | 169 ++++++++++++++++++++++++++++++++++++ styles/components.css | 119 +++++++++++++++++++++++++ styles/developer-styles.css | 17 ++++ styles/examples.css | 20 +++++ styles/forms.css | 4 + styles/modules.css | 4 + styles/preset.css | 4 + styles/reset.css | 146 +++++++++++++++++++++++++++++++ styles/settings.css | 39 +++++++++ styles/setup.css | 61 +++++++++++++ styles/site.css | 118 +++++++++++++++++++++++++ styles/structure.css | 32 +++++++ styles/typography.css | 135 ++++++++++++++++++++++++++++ styles/utilities.css | 41 +++++++++ 16 files changed, 1023 insertions(+), 55 deletions(-) create mode 100644 styles/.DS_Store create mode 100644 styles/colors.css create mode 100644 styles/components.css create mode 100644 styles/developer-styles.css create mode 100644 styles/examples.css create mode 100644 styles/forms.css create mode 100644 styles/modules.css create mode 100644 styles/preset.css create mode 100644 styles/reset.css create mode 100644 styles/settings.css create mode 100644 styles/setup.css create mode 100644 styles/site.css create mode 100644 styles/structure.css create mode 100644 styles/typography.css create mode 100644 styles/utilities.css diff --git a/index.html b/index.html index dceb19a..ff6fbd7 100644 --- a/index.html +++ b/index.html @@ -1,70 +1,129 @@ - - - + + + LondonDAO - Building London's Cryptocurrency Scene - - - + + +
+ + + +
-
-

Welcome to LondonDAO -

-

Shaping the Future of Cryptocurrency in London

-
+
+
+ +

Welcome to LondonDAO

+

+ Shaping the Future of Cryptocurrency in London +

+ +
-
-

About Us

-

LondonDAO is a community-led initiative aimed at building and strengthening the cryptocurrency scene in London.

-
+
+ +

About Us

+

+ LondonDAO is a community-led initiative aimed at building and + strengthening the cryptocurrency scene in London. +

+ +
-
-

Our Core Values

-
-

Focus on Crypto Policy

-

We aim to shape and influence cryptocurrency policies that facilitate innovation and growth.

-
-
-

Building the Community

-

Connecting London's crypto enthusiasts, developers, investors, and pioneers to foster innovation and collaboration.

-
-
-

Welcoming Global Businesses

-

Creating a hospitable environment for global crypto businesses to establish, collaborate, and thrive in London.

-
-
+
+ +

Our Core Values

+
    +
  • +

    Focus on Crypto Policy

    +

    + We aim to shape and influence cryptocurrency policies that + facilitate innovation and growth. +

    +
    • +
  • +

    Building the Community

    +

    + Connecting London's crypto enthusiasts, developers, investors, + and pioneers to foster innovation and collaboration. +

    +
    • +
  • +

    Welcoming Global Businesses

    +

    + Creating a hospitable environment for global crypto businesses + to establish, collaborate, and thrive in London. +

    +
    • +
+ +
-
-

Join LondonDAO

-

Become a part of a vetted community that is spearheading the development of the London cryptocurrency scene.

- Apply Now -
+
+ +

Join LondonDAO

+

+ Become a part of a vetted community that is spearheading the + development of the London cryptocurrency scene. +

+
+ Apply Now +
+ +
+
- + diff --git a/styles/.DS_Store b/styles/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 custom element */ +p + p { + margin-top: 1em; /* Using em since its tied to an element with a set Font Size */ +} + +h2, +h3 { + margin-bottom: 0.25em; +} + +code { + font-family: monospace; + font-size: var(--step--1); + color: green; +} diff --git a/styles/utilities.css b/styles/utilities.css new file mode 100644 index 0000000..0275c69 --- /dev/null +++ b/styles/utilities.css @@ -0,0 +1,41 @@ +.hide { + display: none; +} + +/* backgrounds */ +.texture { + background-image: var(--texture); +} + +.checkers { + background-image: var(--checkers); +} + +.diagnol { + background-image: var(--diagnol); +} + +.points { + background-image: var(--points); +} + +/* borders */ +.border { + border: var(--border); +} + +/* Shadows */ +.shadow { + box-shadow: var(--shadow); +} + +/* gradient texts */ + +.gradient-text { + background: var(--gradient-light); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + padding: 0.25em 0; + max-width: max-content; +}