diff --git a/images/dn-logo-1.svg b/images/dn-logo-1.svg new file mode 100644 index 0000000..030fea3 --- /dev/null +++ b/images/dn-logo-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/favicon.ico b/images/favicon.ico index 0331bd0..b74ca43 100644 Binary files a/images/favicon.ico and b/images/favicon.ico differ diff --git a/images/placeholder.png b/images/placeholder.png new file mode 100644 index 0000000..700021a Binary files /dev/null and b/images/placeholder.png differ diff --git a/index.html b/index.html index 14d855c..562557b 100644 --- a/index.html +++ b/index.html @@ -29,26 +29,88 @@
-
+

- Open ecosystem of + Build your developer
- developer learning communities + support community

- Connect your learning community into an open and searchable knowledge base. + Faster support for developers learning and building with your technology — Grow usage and satisfaction while reducing workload.
-
+
+ image: discord, docs, devnode web +
+ +
+
+
+
+

Meet your community where they are

+
+
+

Growing ecosystem of interfaces :: show interfaces: discord, telegram, discourse, devnode.network, documentation

+
+ +
+
+
+
+
+

Grow existing knowledge base

+
+
+

global searchable graph of knowledge across communities.

+
+ +
+
+
+
+
+

Faster support for your community

+
+
+

AI bot built on community data - q&a, discord, docs.

+
+ +
+
+
+
+
+

Grow the quality of human support

+
+
+

build and reward contributor community with roles and payouts.

+
+ +
+
+
+
+
+

Reduce Support Workload

+
+
+

Devnode aggregates developer support communities across Discord servers, so you can focus on building your product.

+
+ +
+
+
+ call to action: apply to join beta.
diff --git a/styles.css b/styles.css index f2c8b67..c0c37a8 100644 --- a/styles.css +++ b/styles.css @@ -4,8 +4,8 @@ } body { - background-color: #FC3532; - color: white; + /* background-color: #FC3532; */ + /* color: white; */ margin: 0; padding: 0; } @@ -17,6 +17,14 @@ hr { opacity: 60%; } +h1 { + font-size: 3rem; + line-height: 125%; + font-weight: 500; + margin: 0; + padding: 0; +} + .bottom-header { background: url(images/devnode-gradient.svg); background-size: cover; @@ -75,7 +83,7 @@ hr { } .description { - width: 860px; + max-width: 1000px; text-align: center; padding: 0; margin: 40px 0px; @@ -105,8 +113,8 @@ hr { justify-content: space-between; } -.content { - height: calc(100% - 240px); +.hero { + /* height: calc(100% - 240px); */ display: flex; flex-direction: column; justify-content: center; @@ -128,6 +136,26 @@ hr { width: 'auto'; } +/* prop */ +.propcontainer { + text-align: center; + margin-top: 40px; +} + +.propdescription { + font-size: 1.5rem; + line-height: 150%; + margin: 0; + padding: 0; +} + +.propimage { + width: 90%; + margin: 0 auto; + height: 100%; + object-fit: cover; +} + @media screen and (max-width: 1400px) { .description-text { font-size: calc(16px + 0.5vw);