diff --git a/pages/02.tutorials/02.Cloud/01.Introduction/docs.en.md b/pages/02.tutorials/02.Cloud/01.Introduction/docs.en.md
index cd040a79..57403af4 100755
--- a/pages/02.tutorials/02.Cloud/01.Introduction/docs.en.md
+++ b/pages/02.tutorials/02.Cloud/01.Introduction/docs.en.md
@@ -11,7 +11,7 @@ page-toc:
active: true
---
-## The User Interface (UI)
+# The User Interface (UI)
@@ -59,7 +59,7 @@ The levels you can choose are:
!! ![](en/note.png)
-!! **NOTE!** **You should pay extra attention when filling up this information *(which is optional)* and decide how much information about yourself you want to share and reveal to others.**
+!! **NOTE!** You should pay extra attention when filling up this information *(which is optional)* and decide how much information about yourself you want to share and reveal to others.
## Other information and settings
Below the profile picture you can see:
@@ -119,7 +119,7 @@ You can add as many devices as you like. It is recommended to give each device a
Here you can decide whether or not an administrator will be able to recover your files in case you loose your password. This option is disabled by default as it enables admins of Disroot to decrypt and view your files.
!! ![](en/note.png)
-!! **NOTE!** **Enabling this option after your password was lost will not recover your files!** You need to make this decision beforehand. **We strongly encourage you to never loose your password in the first place and keep it stored safe.**
This is the best way to keep your files and your account safe. We really don't want to have access to it.
+!! **NOTE!** Enabling this option after your password was lost will not recover your files!
You must make this decision beforehand. We strongly encourage you keep your password stored in a safe place.
This is the best way to keep your files and your account safe. We really don't want to have access to it.
![](en/basic_encryption.png)
diff --git a/themes/grav-theme-howto/css/defaults.css b/themes/grav-theme-howto/css/defaults.css
index dc3ab135..87713c1b 100644
--- a/themes/grav-theme-howto/css/defaults.css
+++ b/themes/grav-theme-howto/css/defaults.css
@@ -36,10 +36,16 @@ body {
margin: 0 auto;
}
-.narrow{
- max-width: 60%;
- margin: 0 auto
+.narrow {
+ max-width: 70%;
+ margin: 0 auto;
}
+
+.centered {
+ float: none;
+ margin: 0 auto;
+}
+
/* fixed width for IE8 */
.ie .row { width: 1000px ; }
diff --git a/themes/grav-theme-howto/css/media-queries.css b/themes/grav-theme-howto/css/media-queries.css
index ad1bc926..a6c7a6ef 100644
--- a/themes/grav-theme-howto/css/media-queries.css
+++ b/themes/grav-theme-howto/css/media-queries.css
@@ -4,32 +4,18 @@
@media (max-width: 1200px) and (min-width:901px) {
- .hive {
- width: 90%;
- }
- #hexGrid{
- -o-transform: scale(1.26,1.26);
- -ms-transform: scale(1.26,1.26);
- -sand-transform: rotate(1.26,1.26);
- -webkit-transform: scale(1.26,1.26);
- transform: scale(0.8,0.8);
- padding-bottom: 5.5%;
- font-size: 13px;
- }
-/* .hex:nth-child(3){ /* 3nd hexagon */
-/* top: 130px;
- left: 110px;
- }*/
-/* .hex:nth-child(6){ /* 6th hexagon */
-/* top: -115px;
- left: 330px;
- }*/
}
@media (max-width: 1040px) {
body {
font-size: 85%;
}
+
+ /* sidebar */
+
+ #sidebar {
+ display: none;
+ }
}
@media only screen and (max-width: 767px) {
@@ -37,7 +23,7 @@
.narrow{
max-width: 100%;
margin: 0 auto
-}
+ }
/* mobile navigation
------------------------------------*/
@@ -118,43 +104,15 @@
clear: both;
}
- /* sidebar */
-
- #sidebar {
- display: none;
- }
}
@media (max-width: 900px) and (min-width:601px) {
- #hexGrid{
- padding-bottom: 7.4%;
- font-size: 14px;
- }
- .hex:nth-child(3){
- top: 130px;
- left:0px;
- }
- .hex:nth-child(6){
- top: -115px;
- left: 330px;
- }
}
@media (max-width: 600px) {
- #hexGrid{
- padding-bottom: 11.2%;
- font-size: 12px;
- }
- .hex {
- width: 50%;
- }
- .hex:nth-child(3n+3){
- margin-left:25%;
- }
+
}
@media (max-width: 400px) {
- #hexGrid {
- font-size: 8px;
- }
+}
diff --git a/themes/grav-theme-howto/css/style.css b/themes/grav-theme-howto/css/style.css
index 5313eaf5..a64d21d7 100644
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@@ -98,6 +98,17 @@ a:hover {
.content img {
display: block;
margin: 2% auto;
+ max-width: 80%;
+}
+
+.notices.red {
+ background-color: #efeeee;
+ color: var(--primary-color);
+ border-color: var(--alternative-color);
+}
+
+.notices {
+ font-size: 90%;
}
/* Content Styling */
@@ -232,8 +243,9 @@ a:hover {
transform: skew(0deg, 1deg) translateY(-10px);
}
-.title h5 {
+.topbar {
color: var(--alternative-color);
+ margin: 10px 0;
}
.search {
@@ -283,24 +295,33 @@ a:hover {
filter: grayscale(30%);
}
+/* topbar */
+
+
+
/* sidebar */
#sidebar {
max-width: 250px;
- top: 150px;
+ padding-top: 10px;
+ margin-left: 20px;
+ margin-bottom: 10px;
}
.page-toc {
max-width: 250px;
- padding: 4px;
+ padding: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 1rem;
- margin-top: 10px;
+ margin-top: 5rem;
font-size: 0.7rem;
overflow: hidden;
border: none;
- border-radius: 10px;
+ border-radius: 0px;
+ background: #efeeee;
+}
+.page-toc:hover {
box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25);
}
.toc-toggle {
diff --git a/themes/grav-theme-howto/templates/docs.html.twig b/themes/grav-theme-howto/templates/docs.html.twig
index dcf3c841..e6520f75 100644
--- a/themes/grav-theme-howto/templates/docs.html.twig
+++ b/themes/grav-theme-howto/templates/docs.html.twig
@@ -7,18 +7,6 @@
{% set progress = page.collection({'items':{'@taxonomy':{'category': 'docs'}},'order': {'by': 'default', 'dir': 'asc'}}) %}
{% endif %}
-{% block navigation %}
-