Skip to content

Commit ead0879

Browse files
nikhil-varmanikhil-varma
authored
DOC-580 | Improve Docs styling and add ArangoGraph Banner (#244)
* fix: Style normalization and beautification * fix: Improve color constrats * revert units * fix: Revert * fix: revert * fix: use vars * fix: remove space * fix: Add ArangoGraph banner * fix: Remove comments * fix: Fix styles * fix: Fix contrast issue * fix: Fix copy overlapping issue * chore: Replace hex with string
1 parent a6b8c24 commit ead0879

File tree

12 files changed

+210
-109
lines changed

12 files changed

+210
-109
lines changed

‎site/content/3.10/_index.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ menuTitle: '3.10'
44
weight: 0
55
layout: default
66
---
7+
8+
{{< cloudbanner >}}
9+
710
{{< cards >}}
811

912
{{% card title="What is ArangoDB?" link="introduction/about-arangodb/" %}}

‎site/content/3.11/_index.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@ menuTitle: '3.11'
44
weight: 0
55
layout: default
66
---
7+
8+
{{< cloudbanner >}}
79
{{< cards >}}
810

911
{{% card title="What is ArangoDB?" link="introduction/about-arangodb/" %}}

‎site/content/3.12/_index.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ menuTitle: '3.12'
44
weight: 0
55
layout: default
66
---
7+
8+
{{< cloudbanner >}}
9+
710
{{< cards >}}
811

912
{{% card title="What is ArangoDB?" link="introduction/about-arangodb/" %}}

‎site/themes/arangodb-docs-theme/images/ArangoGraph_Logo.svg

Lines changed: 19 additions & 0 deletions
Loading

‎site/themes/arangodb-docs-theme/images/bottom-cta-background.jpg

42.5 KB
Loading

‎site/themes/arangodb-docs-theme/layouts/_default/index.html

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,25 +5,6 @@
55
{{- partial "head.html" . }}
66

77
<body>
8-
<div id="show-page-loading">
9-
<div class="logo-loading-page">
10-
<img
11-
src="/images/logo_main.png"
12-
alt="ArangoDB"
13-
title=""
14-
style="
15-
position: fixed;
16-
top: 0px;
17-
left: 0;
18-
right: 0;
19-
bottom: 154px;
20-
margin: auto;
21-
width: 232px !important;
22-
"
23-
/>
24-
</div>
25-
<div class="loader"></div>
26-
</div>
278
<div
289
id="page-wrapper"
2910
class="page_content_splash"

‎site/themes/arangodb-docs-theme/layouts/_default/list.html

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,6 @@
88
{{- partial "head.html" . }}
99

1010
<body>
11-
<div id="show-page-loading">
12-
<div class="logo-loading-page">
13-
<img src="/images/logo_main.png" alt="ArangoDB" title="" style="position: fixed; top: 0px; left: 0; right: 0; bottom: 154px; margin: auto; width: 232px !important;"></a>
14-
</div>
15-
<div class="loader"></div>
16-
</div>
1711
<div id="page-wrapper" class="page_content_splash" style="height: auto;opacity: 0;">
1812
<section id="page-main">
1913
<section class="page-container" id="page-container">

‎site/themes/arangodb-docs-theme/layouts/_default/single.html

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,6 @@
88
{{- partial "head.html" . }}
99

1010
<body>
11-
<div id="show-page-loading">
12-
<div class="logo-loading-page">
13-
<img src="/images/logo_main.png" alt="ArangoDB" title="" style="position: fixed; top: 0px; left: 0; right: 0; bottom: 154px; margin: auto; width: 232px !important;"></a>
14-
</div>
15-
<div class="loader"></div>
16-
</div>
1711
<div id="page-wrapper" class="page_content_splash" style="height: auto;opacity: 0;">
1812
<section id="page-main">
1913
<section class="page-container" id="page-container">

‎site/themes/arangodb-docs-theme/layouts/shortcodes/cloudbanner.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div class="ag-banner">
2+
<img src="/images/ArangoGraph_Logo.svg" alt="ArangoGraph" class="logo" />
3+
<div>
4+
<div class="ag-info">
5+
Experience the shortest time to value for a hosted graph DB.</div>
6+
<a class="link-internal" href="https://cloud.arangodb.com/home" target="_agCloud">
7+
Get Started Today!
8+
</a>
9+
</div>
10+
</div>

‎site/themes/arangodb-docs-theme/static/css/theme-relearn-light.css

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -54,13 +54,13 @@
5454
/* SIZE */
5555
--TYPOGRAPHY-H1-SIZE: 40px;
5656
--TYPOGRAPHY-H2-SIZE: 32px;
57-
--TYPOGRAPHY-H3-SIZE: 24px;
58-
--TYPOGRAPHY-H4-SIZE: 20px;
57+
--TYPOGRAPHY-H3-SIZE: 28px;
58+
--TYPOGRAPHY-H4-SIZE: 24px;
5959
--TYPOGRAPHY-H5-SIZE: 18px;
6060
--TYPOGRAPHY-H6-SIZE: 16px;
6161

6262
/* SIZE */
63-
--TYPOGRAPHY-H1-SIZE-SMALL: 32px;
63+
--TYPOGRAPHY-H1-SIZE-SMALL: 28px;
6464
--TYPOGRAPHY-H2-SIZE-SMALL: 24px;
6565
--TYPOGRAPHY-H3-SIZE-SMALL: 20px;
6666
--TYPOGRAPHY-H4-SIZE-SMALL: 18px;
@@ -109,23 +109,22 @@
109109

110110
/* ADMONITIONS */
111111
--INFO-ICON-COLOR: var(--blue-500);
112-
--INFO-BG-COLOR: var(--blue-100);
112+
--INFO-BG-COLOR: transparent;
113113
--INFO-BORDER-COLOR: var(--blue-500);
114114

115115
--WARNING-ICON-COLOR: var(--orange-400);
116116
--WARNING-BORDER-COLOR: var(--orange-400);
117-
--WARNING-BG-COLOR: var(--orange-100);
117+
--WARNING-BG-COLOR: transparent;
118118

119119
--DANGER-ICON-COLOR: var(--red-500);
120120
--DANGER-BORDER-COLOR: var(--red-500);
121-
--DANGER-BG-COLOR: var(--red-50);
122-
121+
--DANGER-BG-COLOR: transparent;
123122

124123
--TIP-ICON-COLOR: var(--green-600);
125-
--TIP-BG-COLOR: var(--green-50);
124+
--TIP-BG-COLOR: transparent;
126125
--TIP-BORDER-COLOR: var(--green-600);
127126

128-
--SECURITY-ICON-COLOR: #FF9800;
129-
--SECURITY-BG-COLOR: #FFF3E0;
130-
--SECURITY-BORDER-COLOR: #FF9800;
127+
--SECURITY-ICON-COLOR: var(--orange-400);
128+
--SECURITY-BG-COLOR: transparent;
129+
--SECURITY-BORDER-COLOR: var(--orange-400);
131130
}

0 commit comments

Comments
 (0)