` (read more about the
Bootstrap Grid system).
+To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
+Here's the code for the last row of images above:
+
+{% raw %}
+
+```html
+
+
+ {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+
+
+ {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+
+
+```
+
+{% endraw %}
diff --git a/_sass/_themes.scss b/_sass/_themes.scss
index 7982cec5f02c..54518eccdba5 100644
--- a/_sass/_themes.scss
+++ b/_sass/_themes.scss
@@ -2,6 +2,8 @@
* Themes
******************************************************************************/
+@use "sass:color";
+
:root {
--global-bg-color: #{$white-color};
--global-code-bg-color: #{$code-bg-color-light};
@@ -17,7 +19,12 @@
--global-divider-color: rgba(0, 0, 0, 0.1);
--global-card-bg-color: #{$white-color};
--global-highlight-color: #{$red-color-dark};
- --global-back-to-top-bg-color: rgba(#{red($black-color)}, #{green($black-color)}, #{blue($black-color)}, 0.4);
+ --global-back-to-top-bg-color: rgba(
+ #{color.channel($black-color, "red", $space: rgb)},
+ #{color.channel($black-color, "green", $space: rgb)},
+ #{color.channel($black-color, "blue", $space: rgb)},
+ 0.4
+ );
--global-back-to-top-text-color: #{$white-color};
--global-newsletter-bg-color: #{$white-color};
--global-newsletter-text-color: #{$black-color};
@@ -81,7 +88,12 @@ html[data-theme="dark"] {
--global-distill-app-color: #{$grey-color-light};
--global-divider-color: #424246;
--global-card-bg-color: #{$grey-900};
- --global-back-to-top-bg-color: rgba(#{red($white-color)}, #{green($white-color)}, #{blue($white-color)}, 0.5);
+ --global-back-to-top-bg-color: rgba(
+ #{color.channel($white-color, "red", $space: rgb)},
+ #{color.channel($white-color, "green", $space: rgb)},
+ #{color.channel($white-color, "blue", $space: rgb)},
+ 0.5
+ );
--global-back-to-top-text-color: #{$black-color};
--global-newsletter-bg-color: #{$grey-color-light};
--global-newsletter-text-color: #{$grey-color-dark};
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index 85b6c72624f1..538a92bda131 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -3,6 +3,8 @@
* To adjust anything, simply edit the variables below and rebuild the theme.
******************************************************************************/
+@use "sass:color";
+
// Colors
$red-color: #ff3636 !default;
$red-color-dark: #b71c1c !default;
@@ -10,20 +12,20 @@ $orange-color: #f29105 !default;
$blue-color: #0076df !default;
$blue-color-dark: #00369f !default;
$cyan-color: #2698ba !default;
-$light-cyan-color: lighten($cyan-color, 25%);
+$light-cyan-color: color.adjust($cyan-color, $lightness: 25%);
$green-color: #00ab37 !default;
$green-color-lime: #b7d12a !default;
$green-color-dark: #009f06 !default;
$green-color-light: #ddffdd !default;
$green-color-bright: #11d68b !default;
$purple-color: #b509ac !default;
-$light-purple-color: lighten($purple-color, 25%);
+$light-purple-color: color.adjust($purple-color, $lightness: 25%);
$pink-color: #f92080 !default;
$pink-color-light: #ffdddd !default;
$yellow-color: #efcc00 !default;
$grey-color: #828282 !default;
-$grey-color-light: lighten($grey-color, 40%);
+$grey-color-light: color.adjust($grey-color, $lightness: 40%);
$grey-color-dark: #1c1c1d;
$grey-900: #212529;
diff --git a/assets/img/prof_pic.jpg b/assets/img/prof_pic.jpg
index 43c8c3492a75..46bcf9c91ade 100644
Binary files a/assets/img/prof_pic.jpg and b/assets/img/prof_pic.jpg differ
diff --git a/bin/entry_point.sh b/bin/entry_point.sh
index 917ae3572a6a..9627ab1b89b9 100755
--- a/bin/entry_point.sh
+++ b/bin/entry_point.sh
@@ -1,22 +1,34 @@
#!/bin/bash
-CONFIG_FILE=_config.yml
-
-/bin/bash -c "rm -f Gemfile.lock && exec jekyll serve --watch --port=8080 --host=0.0.0.0 --livereload --verbose --trace --force_polling"&
+CONFIG_FILE=_config.yml
+
+# Function to manage Gemfile.lock
+manage_gemfile_lock() {
+ git config --global --add safe.directory '*'
+ if command -v git &> /dev/null && [ -f Gemfile.lock ]; then
+ if git ls-files --error-unmatch Gemfile.lock &> /dev/null; then
+ echo "Gemfile.lock is tracked by git, keeping it intact"
+ git restore Gemfile.lock 2>/dev/null || true
+ else
+ echo "Gemfile.lock is not tracked by git, removing it"
+ rm Gemfile.lock
+ fi
+ fi
+}
+
+start_jekyll() {
+ manage_gemfile_lock
+ exec jekyll serve --watch --port=8080 --host=0.0.0.0 --livereload --verbose --trace --force_polling &
+}
+
+start_jekyll
while true; do
-
- inotifywait -q -e modify,move,create,delete $CONFIG_FILE
-
- if [ $? -eq 0 ]; then
-
- echo "Change detected to $CONFIG_FILE, restarting Jekyll"
-
- jekyll_pid=$(pgrep -f jekyll)
- kill -KILL $jekyll_pid
-
- /bin/bash -c "rm -f Gemfile.lock && exec jekyll serve --watch --port=8080 --host=0.0.0.0 --livereload --verbose --trace --force_polling"&
-
- fi
-
+ inotifywait -q -e modify,move,create,delete $CONFIG_FILE
+ if [ $? -eq 0 ]; then
+ echo "Change detected to $CONFIG_FILE, restarting Jekyll"
+ jekyll_pid=$(pgrep -f jekyll)
+ kill -KILL $jekyll_pid
+ start_jekyll
+ fi
done
+
+
+ {% endfor %}
+
+