Skip to content

Commit e598123

Browse files
kemister85kemister85
committed
DOC-3313: Remove various elements, cleanup css and streamline styles to use unified color palette.
1 parent 6848650 commit e598123

File tree

5 files changed

+100
-711
lines changed

5 files changed

+100
-711
lines changed

‎modules/ROOT/examples/live-demos/default-editor/example.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ tinymce.init({
66
// Premium features
77
"advcode", "autocorrect", "footnotes", "mediaembed",
88
"powerpaste", "tinymcespellchecker", "casechange", "checklist",
9-
"formatpainter", "permanentpen", "advtable", "tableofcontents"
9+
"formatpainter", "permanentpen", "advtable", "tableofcontents", "exportpdf"
1010
],
11-
toolbar: "spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
11+
toolbar: " exportpdf | spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
1212
});

‎modules/ROOT/examples/live-demos/default-editor/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ tinymce.init({
66
// Premium features
77
"advcode", "autocorrect", "footnotes", "mediaembed",
88
"powerpaste", "tinymcespellchecker", "casechange", "checklist",
9-
"formatpainter", "permanentpen", "advtable", "tableofcontents"
9+
"formatpainter", "permanentpen", "advtable", "tableofcontents", "exportpdf"
1010
],
11-
toolbar: "spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
11+
toolbar: "exportpdf | spellcheckdialog | styles | bold italic underline strikethrough | align bullist numlist | link image emoticons footnotes checklist formatpainter permanentpen tableofcontents",
1212
});

‎modules/ROOT/pages/installation.adoc‎

Lines changed: 90 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -7,109 +7,102 @@ There are multiple ways to install {productname}. Choose your installation metho
77

88
++++
99
include::partial$css/installation-cards.css[]
10-
<div class="installation-options">
11-
<div class="integration-cards">
12-
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-cloud/" class="integration-card-link">
13-
<div class="integration-card">
14-
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);">
15-
<div class="card-icon">☁️</div>
16-
</div>
17-
<h3 class="card-title">Cloud CDN</h3>
18-
<p class="card-description">Load from the Tiny Cloud CDN for automatic updates to the latest version with zero maintenance overhead.</p>
19-
<div class="card-footer">
20-
<span class="card-badge">Recommended</span>
21-
</div>
22-
</div>
23-
</a>
24-
25-
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-self-hosted/" class="integration-card-link">
26-
<div class="integration-card">
27-
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #10B981 0%, #047857 100%);">
28-
<div class="card-icon">📦</div>
29-
</div>
30-
<h3 class="card-title">Package Manager</h3>
31-
<p class="card-description">Install locally using npm, composer, or yarn for self-hosted solutions with complete control.</p>
32-
<div class="card-footer">
33-
<span class="card-badge secondary">Self-hosted</span>
34-
</div>
35-
</div>
36-
</a>
37-
38-
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-zip/" class="integration-card-link">
39-
<div class="integration-card">
40-
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);">
41-
<div class="card-icon">⬇️</div>
42-
</div>
43-
<h3 class="card-title">Direct Download</h3>
44-
<p class="card-description">Extract from .zip files for maximum control, offline deployments, and air-gapped environments.</p>
45-
<div class="card-footer">
46-
<span class="card-badge secondary">Enterprise</span>
47-
</div>
48-
</div>
49-
</a>
10+
<div class="integration-cards">
11+
<div class="integration-card">
12+
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);">
13+
<div class="card-icon">☁️</div>
14+
</div>
15+
<h3 class="card-title">Cloud CDN</h3>
16+
<p class="card-description">Load from the Tiny Cloud CDN for automatic updates to the latest version with zero maintenance overhead.</p>
17+
<div class="card-footer">
18+
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-cloud/" class="card-learn-more">Learn More →</a>
19+
</div>
5020
</div>
5121
52-
<h3 style="margin-top: 3rem; font-size: 1.3rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem;">Browse by Framework</h3>
22+
<div class="integration-card">
23+
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);">
24+
<div class="card-icon">📦</div>
25+
</div>
26+
<h3 class="card-title">Package Manager</h3>
27+
<p class="card-description">Install locally using npm, composer, or yarn for self-hosted solutions with complete control.</p>
28+
<div class="card-footer">
29+
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-self-hosted/" class="card-learn-more">Learn More →</a>
30+
</div>
31+
</div>
5332
54-
<div class="framework-cards">
55-
<div class="framework-grid">
56-
<a href="https://www.tiny.cloud/docs/tinymce/latest/react-cloud/" class="framework-card-link">
57-
<div class="framework-card">
58-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/react-color.svg" alt="React"></div>
59-
<h3 class="framework-name">React</h3>
60-
</div>
61-
</a>
62-
<a href="https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/" class="framework-card-link">
63-
<div class="framework-card">
64-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/angular-color.svg" alt="Angular"></div>
65-
<h3 class="framework-name">Angular</h3>
66-
</div>
67-
</a>
68-
<a href="https://www.tiny.cloud/docs/tinymce/latest/vue-cloud/" class="framework-card-link">
69-
<div class="framework-card">
70-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/vue-color.svg" alt="Vue"></div>
71-
<h3 class="framework-name">Vue.js</h3>
72-
</div>
73-
</a>
74-
<a href="https://www.tiny.cloud/docs/tinymce/latest/blazor-cloud/" class="framework-card-link">
75-
<div class="framework-card">
76-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/blazor-color.svg" alt="Blazor"></div>
77-
<h3 class="framework-name">Blazor</h3>
78-
</div>
79-
</a>
80-
<a href="https://www.tiny.cloud/docs/tinymce/latest/svelte-cloud/" class="framework-card-link">
81-
<div class="framework-card">
82-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/svelte-color.svg" alt="Svelte"></div>
83-
<h3 class="framework-name">Svelte</h3>
84-
</div>
85-
</a>
86-
<a href="https://www.tiny.cloud/docs/tinymce/latest/webcomponent-cloud/" class="framework-card-link">
87-
<div class="framework-card">
88-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/web-components-color.svg" alt="Web Components"></div>
89-
<h3 class="framework-name">Web Component</h3>
90-
</div>
91-
</a>
92-
<a href="https://www.tiny.cloud/docs/tinymce/latest/jquery-cloud/" class="framework-card-link">
93-
<div class="framework-card">
94-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/jquery-color.svg" alt="jQuery"></div>
95-
<h3 class="framework-name">jQuery</h3>
96-
</div>
97-
</a>
98-
<a href="https://www.tiny.cloud/docs/tinymce/latest/laravel-tiny-cloud/" class="framework-card-link">
99-
<div class="framework-card">
100-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/laravel-color.svg" alt="Laravel"></div>
101-
<h3 class="framework-name">Laravel</h3>
102-
</div>
103-
</a>
104-
<a href="https://www.tiny.cloud/docs/tinymce/latest/rails-cloud/" class="framework-card-link">
105-
<div class="framework-card">
106-
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/rails-color.svg" alt="Rails"></div>
107-
<h3 class="framework-name">Ruby on Rails</h3>
108-
</div>
109-
</a>
33+
<div class="integration-card">
34+
<div class="card-icon-wrapper" style="background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);">
35+
<div class="card-icon">⬇️</div>
36+
</div>
37+
<h3 class="card-title">Direct Download</h3>
38+
<p class="card-description">Extract from .zip files for maximum control, offline deployments, and air-gapped environments.</p>
39+
<div class="card-footer">
40+
<a href="https://www.tiny.cloud/docs/tinymce/latest/installation-zip/" class="card-learn-more">Learn More →</a>
11041
</div>
11142
</div>
11243
</div>
44+
++++
11345

46+
++++
11447
include::partial$css/installation-cards.css[]
48+
<h3 style="margin-top: 3rem; font-size: 1.3rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem;">Browse by Framework</h3>
49+
50+
<div class="framework-cards">
51+
<div class="framework-grid">
52+
<a href="https://www.tiny.cloud/docs/tinymce/latest/react-cloud/" class="framework-card-link">
53+
<div class="framework-card">
54+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/react-color.svg" alt="React"></div>
55+
<h3 class="framework-name">React</h3>
56+
</div>
57+
</a>
58+
<a href="https://www.tiny.cloud/docs/tinymce/latest/angular-cloud/" class="framework-card-link">
59+
<div class="framework-card">
60+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/angular-color.svg" alt="Angular"></div>
61+
<h3 class="framework-name">Angular</h3>
62+
</div>
63+
</a>
64+
<a href="https://www.tiny.cloud/docs/tinymce/latest/vue-cloud/" class="framework-card-link">
65+
<div class="framework-card">
66+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/vue-color.svg" alt="Vue"></div>
67+
<h3 class="framework-name">Vue.js</h3>
68+
</div>
69+
</a>
70+
<a href="https://www.tiny.cloud/docs/tinymce/latest/blazor-cloud/" class="framework-card-link">
71+
<div class="framework-card">
72+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/blazor-color.svg" alt="Blazor"></div>
73+
<h3 class="framework-name">Blazor</h3>
74+
</div>
75+
</a>
76+
<a href="https://www.tiny.cloud/docs/tinymce/latest/svelte-cloud/" class="framework-card-link">
77+
<div class="framework-card">
78+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/svelte-color.svg" alt="Svelte"></div>
79+
<h3 class="framework-name">Svelte</h3>
80+
</div>
81+
</a>
82+
<a href="https://www.tiny.cloud/docs/tinymce/latest/webcomponent-cloud/" class="framework-card-link">
83+
<div class="framework-card">
84+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/web-components-color.svg" alt="Web Components"></div>
85+
<h3 class="framework-name">Web Component</h3>
86+
</div>
87+
</a>
88+
<a href="https://www.tiny.cloud/docs/tinymce/latest/jquery-cloud/" class="framework-card-link">
89+
<div class="framework-card">
90+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/jquery-color.svg" alt="jQuery"></div>
91+
<h3 class="framework-name">jQuery</h3>
92+
</div>
93+
</a>
94+
<a href="https://www.tiny.cloud/docs/tinymce/latest/laravel-tiny-cloud/" class="framework-card-link">
95+
<div class="framework-card">
96+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/laravel-color.svg" alt="Laravel"></div>
97+
<h3 class="framework-name">Laravel</h3>
98+
</div>
99+
</a>
100+
<a href="https://www.tiny.cloud/docs/tinymce/latest/rails-cloud/" class="framework-card-link">
101+
<div class="framework-card">
102+
<div class="framework-icon"><img src="https://www.tiny.cloud/images/homepage/integrations/rails-color.svg" alt="Rails"></div>
103+
<h3 class="framework-name">Ruby on Rails</h3>
104+
</div>
105+
</a>
106+
</div>
107+
</div>
115108
++++

0 commit comments

Comments
 (0)