Skip to content

Commit 3c252f4

Browse files
louismaximepitonlouismaximepiton
committed
.
1 parent 616ee40 commit 3c252f4

File tree

2 files changed

+20
-20
lines changed

2 files changed

+20
-20
lines changed

‎site/content/docs/5.3/examples/carousel-rtl/index.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
- "../carousel/carousel.rtl.css"
77
---
88

9-
<header>
9+
<header data-bs-theme="dark">
1010
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
1111
<div class="container-fluid">
1212
<a class="navbar-brand" href="#">شرائح العرض</a>
@@ -44,7 +44,7 @@
4444
</div>
4545
<div class="carousel-inner">
4646
<div class="carousel-item active">
47-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
47+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
4848
<div class="container">
4949
<div class="carousel-caption text-start">
5050
<h1>عنوان المثال.</h1>
@@ -54,7 +54,7 @@ <h1>عنوان المثال.</h1>
5454
</div>
5555
</div>
5656
<div class="carousel-item">
57-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
57+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
5858
<div class="container">
5959
<div class="carousel-caption">
6060
<h1>عنوان مثال آخر.</h1>
@@ -64,7 +64,7 @@ <h1>عنوان مثال آخر.</h1>
6464
</div>
6565
</div>
6666
<div class="carousel-item">
67-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
67+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
6868
<div class="container">
6969
<div class="carousel-caption text-end">
7070
<h1>واحد أكثر لقياس جيد.</h1>
@@ -94,19 +94,19 @@ <h1>واحد أكثر لقياس جيد.</h1>
9494
<!-- Three columns of text below the carousel -->
9595
<div class="row">
9696
<div class="col-lg-4">
97-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
97+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
9898
<h2 class="fw-normal">عنوان</h2>
9999
<p>تذكر دائماً أن الحاسوب لا يمتلك ذكاءً، ولكنه يكتسب الذكاء الاصطناعي من خلال ثلاثة عناصر وظيفية رئيسة، هي: القدرة على التحليل، والقدرة على التأليف، والاستدلال المنطقي.</p>
100100
<p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
101101
</div><!-- /.col-lg-4 -->
102102
<div class="col-lg-4">
103-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
103+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
104104
<h2 class="fw-normal">عنوان آخر</h2>
105105
<p>إذا أردنا استخدام الحاسوب الذكي في معالجة اللغة العربية فإننا نجد أنفسنا أمام تحدٍّ كبير، خاصة وأن لغتنا تمتاز بتماسك منظوماتها وتداخلها، ومع ذلك فإن الذكاء الاصطناعي يمكّننا من الحصول على أربعة أنواع من المعالجة، هي: المعالجة الصوتية، والمعالجة الصرفية، والمعالجة النحوية، والمعالجة الدلالية.</p>
106106
<p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
107107
</div><!-- /.col-lg-4 -->
108108
<div class="col-lg-4">
109-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
109+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
110110
<h2 class="fw-normal">عنوان ثالث لتأكيد المعلومة</h2>
111111
<p>بفضل بحوث الذكاء الاصطناعي وتقنياته استطعنا الانتقال من مرحلة التعامل مع الفيزيائي إلى مرحلة التعامل مع المنطقي، وقد انعكس هذا الانتقال بصورة إيجابية على الكيفية التي تتعامل بها الشعوب مع لغاتها الحيَّة، وهذا يعني أنه يجب أن ينعكس بصورة إيجابية على كيفية تعاملنا مع لغتنا العربية.</p>
112112
<p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
@@ -124,7 +124,7 @@ <h2 class="featurette-heading fw-normal lh-1">العنوان الأول المم
124124
<p class="lead">وجه الإنسان هو جزء معقَّد ومتميِّز للغاية من جسمه. وفي الواقع، إنه أحد أكثر أنظمة الإشارات المتاحة تعقيداً لدينا؛ فهو يتضمَّن أكثر من 40 عضلة مستقلة هيكلياً ووظيفياً، بحيث يمكن تشغيل كل منها بشكل مستقل عن البعض الآخر؛ وتشكِّل أحد أقوى مؤشرات العواطف.</p>
125125
</div>
126126
<div class="col-md-5">
127-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
127+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
128128
</div>
129129
</div>
130130

@@ -136,7 +136,7 @@ <h2 class="featurette-heading fw-normal lh-1">أوه نعم، هذا جيد. <sp
136136
<p class="lead">عندما نضحك أو نبكي، فإننا نعرض عواطفنا، مما يسمح للآخرين بإلقاء نظرة خاطفة على أذهاننا أثناء "قراءة" وجوهنا بناءً على التغييرات في مكوّنات الوجه الرئيسة، مثل: العينين والحاجبين والجفنين والأنف والشفتين.</p>
137137
</div>
138138
<div class="col-md-5 order-md-1">
139-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
139+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
140140
</div>
141141
</div>
142142

@@ -148,7 +148,7 @@ <h2 class="featurette-heading fw-normal lh-1">وأخيرًا، هذا. <span cla
148148
<p class="lead">إن جميع العضلات في أجسامنا مدعمة بالأعصاب المتصلة من كافة أنحاء الجسم بالنخاع الشوكي والدماغ. وهذا الاتصال العصبي هو ثنائي الاتجاه، أي إن العصب يتسبَّب في تقلصات العضلات بناءً على إشارات الدماغ، ويقوم في الوقت نفسه بإرسال معلومات عن حالة العضلات إلى الدماغ</p>
149149
</div>
150150
<div class="col-md-5">
151-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
151+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
152152
</div>
153153
</div>
154154

‎site/content/docs/5.3/examples/carousel/index.html

+10-10
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
- "carousel.css"
66
---
77

8-
<header>
8+
<header data-bs-theme="dark">
99
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
1010
<div class="container-fluid">
1111
<a class="navbar-brand" href="#">Carousel</a>
@@ -43,7 +43,7 @@
4343
</div>
4444
<div class="carousel-inner">
4545
<div class="carousel-item active">
46-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
46+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
4747
<div class="container">
4848
<div class="carousel-caption text-start">
4949
<h1>Example headline.</h1>
@@ -53,7 +53,7 @@ <h1>Example headline.</h1>
5353
</div>
5454
</div>
5555
<div class="carousel-item">
56-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
56+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
5757
<div class="container">
5858
<div class="carousel-caption">
5959
<h1>Another example headline.</h1>
@@ -63,7 +63,7 @@ <h1>Another example headline.</h1>
6363
</div>
6464
</div>
6565
<div class="carousel-item">
66-
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}
66+
{{< placeholder width="100%" height="100%" background="var(--bs-secondary-color)" text="false" title="false" >}}
6767
<div class="container">
6868
<div class="carousel-caption text-end">
6969
<h1>One more for good measure.</h1>
@@ -93,19 +93,19 @@ <h1>One more for good measure.</h1>
9393
<!-- Three columns of text below the carousel -->
9494
<div class="row">
9595
<div class="col-lg-4">
96-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
96+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
9797
<h2 class="fw-normal">Heading</h2>
9898
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
9999
<p><a class="btn btn-secondary" href="#">View details &raquo;</a></p>
100100
</div><!-- /.col-lg-4 -->
101101
<div class="col-lg-4">
102-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
102+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
103103
<h2 class="fw-normal">Heading</h2>
104104
<p>Another exciting bit of representative placeholder content. This time, we've moved on to the second column.</p>
105105
<p><a class="btn btn-secondary" href="#">View details &raquo;</a></p>
106106
</div><!-- /.col-lg-4 -->
107107
<div class="col-lg-4">
108-
{{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
108+
{{< placeholder width="140" height="140" background="var(--bs-secondary-color)" text="false" class="rounded-circle" >}}
109109
<h2 class="fw-normal">Heading</h2>
110110
<p>And lastly this, the third column of representative placeholder content.</p>
111111
<p><a class="btn btn-secondary" href="#">View details &raquo;</a></p>
@@ -123,7 +123,7 @@ <h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span cl
123123
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p>
124124
</div>
125125
<div class="col-md-5">
126-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
126+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
127127
</div>
128128
</div>
129129

@@ -135,7 +135,7 @@ <h2 class="featurette-heading fw-normal lh-1">Oh yeah, it’s that good. <span c
135135
<p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p>
136136
</div>
137137
<div class="col-md-5 order-md-1">
138-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
138+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
139139
</div>
140140
</div>
141141

@@ -147,7 +147,7 @@ <h2 class="featurette-heading fw-normal lh-1">And lastly, this one. <span class=
147147
<p class="lead">And yes, this is the last block of representative placeholder content. Again, not really intended to be actually read, simply here to give you a better view of what this would look like with some actual content. Your content.</p>
148148
</div>
149149
<div class="col-md-5">
150-
{{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
150+
{{< placeholder width="500" height="500" background="var(--bs-secondary-bg)" color="var(--bs-secondary-color)" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
151151
</div>
152152
</div>
153153

0 commit comments

Comments
 (0)