Version 1.4.7: Notice 4, iso-hint for langattr, download icon cyanine

content/index.txt

@@ -0,0 +1 @@
+["# Typemill","The open-source flat-file cms for text-driven websites. Create handbooks, documentations, manuals, web-novels, traditional websites, and more."]

system/author/css/style.css

@@ -281,6 +281,10 @@ button.note3{
     background-color: #08e;
 	color: #fff;
 }
+button.note4{
+    background-color: #00ee67;
+	color: #fff;	
+}
 
 .blox-editor textarea.pl-notice{
 	padding-left: 40px;
@@ -297,17 +301,21 @@ button.note3{
     background-color: #fffbf0;
     border-left: 10px solid #fb0;
 }
-.notice3,
+.notice3{
+    margin: 1em 0;
+    padding: 10px 1em;
+    background-color: #f0f8fe;
+    border-left: 10px solid #08e;	
+}
 .notice4,
 .notice5,
 .notice6 {
     margin: 1em 0;
     padding: 10px 1em;
-    background-color: #f0f8fe;
-    border-left: 10px solid #08e;
+    background-color: #f1fff7;
+    border-left: 10px solid #00ee67;
 }
 
-
 /********************
 * 		NAVI 		*
 ********************/

system/author/js/vue-blox.js

@@ -873,7 +873,7 @@ const noticeComponent = Vue.component('notice-component', {
 			}
 
 			this.prefix = this.prefix + '!';
-			if(this.prefix.length > 3)
+			if(this.prefix.length > 4)
 			{
 				this.prefix = '!';
 			}

system/author/settings/system.twig

@@ -64,6 +64,7 @@
 					</div><div class="medium{{ errors.settings.langattr ? ' error' : '' }}">
 						<label for="langattr">{{ __('Language_attr') }}</label>
 						<input type="text" name="settings[langattr]" id="langattr" value="{{ old.settings.langattr ? old.settings.langattr : settings.langattr }}" pattern="[a-z]{2}" title="{{ __('Use a valid language attribute') }}, {{ __('e.g.') }} en" />
+						<div class="description">Please use <a target="_blank" href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes">ISO 639-1 codes</a> like "en"</div>
 						{% if errors.settings.langattr %}
 							<span class="error">{{ errors.settings.langattr | first }}</span>
 						{% endif %}

themes/cyanine/css/style.css

@@ -259,10 +259,10 @@ h6:hover > .tm-heading-anchor{
 	text-decoration: none;
 }
 
-/* style the typemill download-button for files */
+/* style the typemill download-button for files 
 a.tm-download
 {
-	line-height: 35px;
+	line-height: 35px; 
 	margin-left: 40px;
 }
 a.tm-download::before{
@@ -281,6 +281,22 @@ a.tm-download::before{
 a.tm-download:hover::before{
 	text-decoration: none;
 }
+*/
+
+/* style the typemill download-button for files */
+a.tm-download
+{
+	margin-left: 40px;
+}
+a.tm-download::before{
+	content: url("data:image/svg+xml; utf8, <svg width='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M23 14l-8 8-8-8h5v-12h6v12zM15 22h-15v8h30v-8h-15zM28 26h-4v-2h4v2z'></path></svg>");
+	position: absolute;
+	margin-left: -40px;
+	text-decoration: none;
+}
+a.tm-download:hover::before{
+	text-decoration: none;
+}
 
 /* Fake youtube button. Works with typemillutilities.js */
 .video-container{

themes/cyanine/cyanine.yaml

@@ -1,5 +1,5 @@
 name: Cyanine Theme
-version: 1.1.5
+version: 1.1.6
 description: Cyanine is a modern and flexible multi-purpose theme and the standard theme for typemill. 
 author: Trendschau
 homepage: https://trendschau.net

themes/cyanine/layout.twig

@@ -164,15 +164,7 @@
 				.mainnavigation li, tr, hr, .notice4{
 					border-color: {{ settings.themes.cyanine.thinbordercolor|default('lightgray') }};
 				}
-				a.tm-download::before{
-					border: 1px solid {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
-					color: {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
-				}
-				a.tm-download:hover::before{
-					color: {{ settings.themes.cyanine.contentnavihovercolor|default('#f7f7f7') }};
-					background: {{ settings.themes.cyanine.fontcolorlink|default('#007F7F') }};
-				}
-
+				
 				.notice1{
 				    background-color: #ffded4;
 				    border-left: 4px solid #f65a3c;