Skip to content

Commit e278ea3

Browse files
kemister85kemister85
committed
Update key documentation pages with information about the Cloud account creation and the social login option.
1 parent ceb89e5 commit e278ea3

File tree

5 files changed

+91
-2
lines changed

5 files changed

+91
-2
lines changed

‎modules/ROOT/pages/cloud-quick-start.adoc‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,5 @@
66
:productSource: cloud
77

88
include::partial$install/basic-quickstart-base.adoc[]
9+
10+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/pages/invalid-api-key.adoc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,9 @@
1111
Affected users will receive a xref:cloud-troubleshooting.adoc#A-valid-API-key-is-required-starting-2024-to-continue-using-TinyMCE.-Please-alert-your-admin-to-sign-up-to-get-your-free-API-key.[notification in their editor]. If you receive this notification, please contact the Administrator for your application/site. Admins will need to https://www.tiny.cloud/my-account/integrate/[get a valid API key] and paste it into the code to continue using {productname}.
1212
====
1313

14+
15+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
16+
1417
== How will I know if this change affects me?
1518

1619
If {productname} detects an invalid API key, it will display a notification. If you know or suspect you have been actively hiding or suppressing this notification, please remove these overrides. If you then see a notification, please follow the instructions to resolve the issue. If no notification appears, you are not affected.

‎modules/ROOT/pages/usage-based-billing.adoc‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@
66

77

88
[NOTE]
9-
The below information is only relevant to Tiny Cloud users. Users who self-host the open source version of {productname} are not subject to Usage-Based Billing terms, but are required to comply with the open source license terms.
9+
The below information is only relevant to Tiny Cloud users. Users who self-host the open source version of {productname} are not subject to Usage-Based Billing terms, but are required to comply with the open source license terms.
10+
11+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
1012

1113
== Definitions
1214

@@ -67,4 +69,6 @@ If you have an annual plan, your editor loads are calculated on a monthly basis
6769

6870
=== If I’m on the Essential plan and reach 5,000 editor loads, will I automatically be upgraded to the Professional plan?
6971

70-
You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
72+
You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
73+
74+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/partials/misc/admon-account-creation-and-social-option.adoc‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
++++
2+
<div class="signup-promo">
3+
<p style="margin-bottom: 16px;">
4+
It only takes 2 minutes to create your free Tiny account and get the API key:
5+
</p>
6+
<div class="account-creation-buttons">
7+
<a href="https://tiny.cloud/signup?_gl=1*1m4fqt3*_ga*NDE5MTIxMjQwLjE3MzIxOTkwODE.*_ga_GQ50XYHWQZ*MTczMjI2OTAwMi4yLjEuMTczMjI2OTQwNy40LjAuMA..*_gcl_au*NTYyNTc2NTQyLjE3MzIxOTkwODE." class="account-creation-button" target="_blank" title="Sign up with Google">
8+
Sign up with email
9+
<span class="social-signup">
10+
<img src="https://www.tiny.cloud/images/icons/google.svg" alt="Google" width="24" height="24">
11+
<img src="https://www.tiny.cloud/images/icons/github.svg" alt="GitHub" width="24" height="24">
12+
</span>
13+
-&gt;
14+
</a>
15+
</div>
16+
</div>
17+
<style>
18+
.signup-promo {
19+
--radius: 3px;
20+
position: relative;
21+
padding: 16px;
22+
background: #f9f9fb;
23+
margin-bottom: 16px;
24+
border: 1px solid #e2e5ed;
25+
border-radius: var(--radius) 0 0 var(--radius)
26+
}
27+
.signup-promo::before {
28+
content: '';
29+
position: absolute;
30+
top: -1px; bottom: -1px; left: -1px;
31+
width: 5px;
32+
background: linear-gradient(to bottom, #F66 15%, #4D66CB 85%);
33+
border-radius: var(--radius) 0 0 var(--radius)
34+
}
35+
.signup-promo .account-creation-buttons {
36+
display: flex;
37+
gap: 10px;
38+
--options-gap: 10px;
39+
}
40+
.signup-promo .account-creation-button {
41+
--shine-size: 120px;
42+
text-decoration: none !important;
43+
padding: 8px 16px;
44+
background: #0c132c linear-gradient(120deg, #0c132c 45%, #335dff 55%) 0 0 / calc(200% + var(--shine-size)) 100% no-repeat;
45+
color: #fff;
46+
border-radius: 2px;
47+
display: flex;
48+
align-items: center;
49+
transition: background-color 0.15s;
50+
font-family: Fira Code;
51+
font-variant-ligatures: common-ligatures;
52+
transition: background-position .15s;
53+
}
54+
.signup-promo .account-creation-button:hover {
55+
background-position: calc(-1 * var(--shine-size)) 0;
56+
color: #fff;
57+
}
58+
.signup-promo .account-creation-button:active {
59+
background-position: 100% 0;
60+
color: #fff;
61+
}
62+
.signup-promo .account-creation-button .social-signup {
63+
display: flex;
64+
margin: 0 12px 0 0;
65+
}
66+
.signup-promo .account-creation-button .social-signup img {
67+
width: 16px;
68+
height: 16px;
69+
filter: invert(1) brightness(100);
70+
padding-left: var(--options-gap);
71+
margin-left: var(--options-gap);
72+
border-left: 1px solid #0008;
73+
box-sizing: content-box;
74+
}
75+
</style>
76+
++++

‎modules/ROOT/partials/what-is-tinymce.adoc‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
{productname} is a rich-text editor that allows users to create formatted content within a user-friendly interface.
22

3+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
4+
35
liveDemo::default-editor[]
46

57
The output created is in HTML5 and can include lists, tables, and other useful elements, depending on your configuration. The functionality of the editor can be extended through plugins and customizations, or limited to suit your use-case. {productname} can also be customized to look and feel like part of your application or webpage by customizing the user interface. {productname} can be integrated into a range of frameworks and Content Management Systems (CMSs), and can be either:
68

79
* Loaded from the {cloudname} CDN (Content Delivery Network), which will ensure {productname} is always using the latest version.
810
* Installed with a package manager (self-hosted).
911
* Extracted from a .zip file (self-hosted).
12+
13+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

0 commit comments

Comments
 (0)