From e7f0b01ed7f0674f1c81b3d844d345ffb93a102e Mon Sep 17 00:00:00 2001 From: codecalm Date: Wed, 4 Apr 2018 18:44:28 +0200 Subject: [PATCH] rtl mode --- .gitignore | 3 +- gulpfile.js | 5 ++++ package.json | 1 + src/_includes/cards/calendar.html | 6 ++-- src/_includes/cards/chart-bg.html | 2 +- src/_includes/cards/login.html | 2 +- src/_includes/cards/media-inverse.html | 2 +- src/_includes/cards/media.html | 2 +- src/_includes/cards/server.html | 8 +++--- src/_includes/cards/sparkline.html | 2 +- src/_includes/cards/twitter.html | 2 +- src/_includes/head.html | 18 ++++++++++++ src/_layouts/base.html | 21 +------------- src/assets/scss/dashboard/_core.scss | 1 + src/rtl.html | 38 ++++++++++++++++++++++++++ 15 files changed, 78 insertions(+), 35 deletions(-) create mode 100644 src/rtl.html diff --git a/.gitignore b/.gitignore index 402b44375..914034ebf 100644 --- a/.gitignore +++ b/.gitignore @@ -8,8 +8,7 @@ _site/ .DS_Store package-lock.json /_test/ -src/assets/css/dashboard.css -src/assets/css/dashboard.min.css +src/assets/css/*.css src/assets/plugins/**/plugin.css src/assets/plugins/**/plugin.min.css generated-site diff --git a/gulpfile.js b/gulpfile.js index 42c69174c..24c93005d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -2,6 +2,7 @@ var gulp = require('gulp'), sass = require('gulp-sass'), rename = require('gulp-rename'), autoprefixer = require('gulp-autoprefixer'), + rtlcss = require('gulp-rtlcss'), pckg = require('./package.json'); gulp.task('styles', function () { @@ -15,6 +16,10 @@ gulp.task('styles', function () { cascade: false })) .pipe(rename('dashboard.css')) + .pipe(gulp.dest('src/assets/css/')) + + .pipe(rtlcss()) + .pipe(rename('dashboard.rtl.css')) .pipe(gulp.dest('src/assets/css/')); }); diff --git a/package.json b/package.json index fb1cfc691..766a32285 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "gulp": "^3.9.1", "gulp-autoprefixer": "^5.0.0", "gulp-rename": "^1.2.2", + "gulp-rtlcss": "^1.2.0", "gulp-sass": "^3.1.0", "npm-run-all": "^4.1.2" }, diff --git a/src/_includes/cards/calendar.html b/src/_includes/cards/calendar.html index fc468b987..95b0b80f5 100644 --- a/src/_includes/cards/calendar.html +++ b/src/_includes/cards/calendar.html @@ -66,15 +66,15 @@ \ No newline at end of file diff --git a/src/_includes/cards/chart-bg.html b/src/_includes/cards/chart-bg.html index 4fbb6c403..e5ae5e8e4 100644 --- a/src/_includes/cards/chart-bg.html +++ b/src/_includes/cards/chart-bg.html @@ -5,7 +5,7 @@
-
{{ include.rate | default: '+5%' }}
+
{{ include.rate | default: '+5%' }}

{{ include.title | default: '423' }}

{{ include.description | default: 'Users online' }}
diff --git a/src/_includes/cards/login.html b/src/_includes/cards/login.html index 4b3b4a6a8..5f0b95fa3 100644 --- a/src/_includes/cards/login.html +++ b/src/_includes/cards/login.html @@ -10,7 +10,7 @@
diff --git a/src/_includes/cards/media-inverse.html b/src/_includes/cards/media-inverse.html index 2eb63902b..dfc2ce983 100644 --- a/src/_includes/cards/media-inverse.html +++ b/src/_includes/cards/media-inverse.html @@ -1,6 +1,6 @@
-
{{ include.rate | default: '23%' }}
+
{{ include.rate | default: '23%' }}

{{ include.title | default: '423' }}

{{ include.description | default: 'Users online' }}
diff --git a/src/_includes/cards/media.html b/src/_includes/cards/media.html index 5602c742f..6c0a38556 100644 --- a/src/_includes/cards/media.html +++ b/src/_includes/cards/media.html @@ -1,6 +1,6 @@
-
{{ include.rate | default: '23%' }}
+
{{ include.rate | default: '23%' }}

{{ include.title | default: '423' }}

{{ include.description | default: 'Users online' }}
{% if include.progress %} diff --git a/src/_includes/cards/server.html b/src/_includes/cards/server.html index a823d9dcd..fc5e62dac 100644 --- a/src/_includes/cards/server.html +++ b/src/_includes/cards/server.html @@ -27,7 +27,7 @@
- 10/200 GB + 10/200 GB
Memory
@@ -35,7 +35,7 @@
- 20 GB + 20 GB
Bandwidth
@@ -43,7 +43,7 @@
- 73% + 73%
Activity
@@ -51,7 +51,7 @@
- 400 GB + 400 GB
FTP
diff --git a/src/_includes/cards/sparkline.html b/src/_includes/cards/sparkline.html index 1ca4361ce..e9b1c202c 100644 --- a/src/_includes/cards/sparkline.html +++ b/src/_includes/cards/sparkline.html @@ -6,7 +6,7 @@
-
+

$10M

diff --git a/src/_includes/cards/twitter.html b/src/_includes/cards/twitter.html index 4a8a229e1..f42f57be1 100644 --- a/src/_includes/cards/twitter.html +++ b/src/_includes/cards/twitter.html @@ -9,7 +9,7 @@

- John Smith @johnsmith 31 minutes ago + John Smith @johnsmith 31 minutes ago

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. diff --git a/src/_includes/head.html b/src/_includes/head.html index 7632b004e..d2e318f5c 100644 --- a/src/_includes/head.html +++ b/src/_includes/head.html @@ -19,3 +19,21 @@ {% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{{ site.description }} + + + + + + + + + +{% for plugin in site.theme-plugins %} + +{% if plugin[1].files contains 'css' %}{% endif %} +{% if plugin[1].files contains 'js' %}{% endif %} +{% endfor %} \ No newline at end of file diff --git a/src/_layouts/base.html b/src/_layouts/base.html index a792f9a10..6943431e8 100644 --- a/src/_layouts/base.html +++ b/src/_layouts/base.html @@ -1,27 +1,8 @@ {% assign min-ext = '' %}{% if jekyll.environment == 'production' %}{% assign min-ext = '.min' %}{% endif %} - + {% include head.html %} - - - - - - - - - - - {% for plugin in site.theme-plugins %} - - {% if plugin[1].files contains 'css' %}{% endif %} - {% if plugin[1].files contains 'js' %}{% endif %} - {% endfor %} diff --git a/src/assets/scss/dashboard/_core.scss b/src/assets/scss/dashboard/_core.scss index bb633da0e..3dba49805 100644 --- a/src/assets/scss/dashboard/_core.scss +++ b/src/assets/scss/dashboard/_core.scss @@ -1,6 +1,7 @@ html { font-size: 15px; height: 100%; + direction: ltr; @include media-breakpoint-up('md') { font-size: 16px; diff --git a/src/rtl.html b/src/rtl.html new file mode 100644 index 000000000..e9c67cb08 --- /dev/null +++ b/src/rtl.html @@ -0,0 +1,38 @@ +--- +layout: default +rtl: true +title: RTL mode +--- + +

+ {% include page-title.html title="RTL mode" %} + +
+
+ {% capture body %} + لكن لا بد أن أوضح لك أن كل هذه الأفكار المغلوطة حول استنكار النشوة وتمجيد الألم نشأت بالفعل، وسأعرض لك التفاصيل لتكتشف حقيقة وأساس تلك السعادة البشرية، فلا أحد يرفض أو يكره أو يتجنب الشعور بالسعادة، ولكن بفضل هؤلاء الأشخاص الذين لا يدركون بأن السعادة لا بد أن نستشعرها بصورة أكثر عقلانية ومنطقية فيعرضهم هذا لمواجهة الظروف الأليمة، وأكرر بأنه لا يوجد من يرغب في الحب ونيل المنال ويتلذذ بالآلام، الألم هو الألم ولكن نتيجة لظروف ما قد تكمن السعاده فيما نتحمله من كد وأسي. + + و سأعرض مثال حي لهذا، من منا لم يتحمل جهد بدني شاق إلا من أجل الحصول على ميزة أو فائدة؟ ولكن من لديه الحق أن ينتقد شخص ما أراد أن يشعر بالسعادة التي لا تشوبها عواقب أليمة أو آخر أراد أن يتجنب الألم الذي ربما تنجم عنه بعض المتعة ؟ + علي الجانب الآخر نشجب ونستنكر هؤلاء الرجال المفتونون بنشوة اللحظة الهائمون في رغباتهم فلا يدركون ما يعقبها من الألم والأسي المحتم، واللوم كذلك يشمل هؤلاء الذين أخفقوا في واجباتهم نتيجة لضعف إرادتهم فيتساوي مع هؤلاء الذين يتجنبون وينأون عن تحمل الكدح والألم . + {% endcapture %} + + {% include cards/card.html body=body title="عنوان البطاقة" %} +
+
+
+
+ {% include cards/stats-1.html number=43 title="تذاكر جديدة" percentage=6 %} +
+
+ {% include cards/stats-1.html number=17 title="مغلق اليوم" percentage=-3 %} +
+
+ {% include cards/stats-1.html number="27.3K" title="متابعون" percentage=2 %} +
+
+ {% include cards/twitter.html %} +
+
+
+
+
\ No newline at end of file