diff --git a/content/_index.md b/content/_index.md index e26699c..152c32b 100644 --- a/content/_index.md +++ b/content/_index.md @@ -45,39 +45,39 @@ Built for modern PHP development with functional programming principles {% features() %} {% feature_card(title="Built on PHP Ecosystem", description="Runs on the PHP ecosystem with access to all existing libraries", icon='') %} -
  • • Seamless PHP interoperability
    • -
  • • Access to Composer packages
    • -
  • • Familiar deployment patterns
    • +• Seamless PHP interoperability +• Access to Composer packages +• Familiar deployment patterns {% end %} {% feature_card(title="Immutable Data Structures", description="Built-in persistent data structures like Lists, Vectors, Maps, and Sets", icon='') %} -
  • • Structural sharing for performance
    • -
  • • Thread-safe by default
    • -
  • • Minimal, readable Lisp syntax
    • +• Structural sharing for performance +• Thread-safe by default +• Minimal, readable Lisp syntax {% end %} {% feature_card(title="Macro System", description="Advanced metaprogramming capabilities for code generation", icon='') %} -
  • • Powerful macro system
    • -
  • • Code as data philosophy
    • -
  • • Extensible language constructs
    • +• Powerful macro system +• Code as data philosophy +• Extensible language constructs {% end %} {% feature_card(title="Interactive REPL", description="Interactive REPLs for iterating and prototyping", icon='') %} -
  • • Live code evaluation
    • -
  • • Rapid prototyping
    • -
  • • Interactive development
    • +• Live code evaluation +• Rapid prototyping +• Interactive development {% end %} -{% feature_card(title="Lisp-inspired Syntax", description="Clean, expressive, and easy to pick up syntax", icon='') %} -
  • • Minimal, readable syntax
    • -
  • • Homoiconicity benefits
    • -
  • • Expressive and concise
    • +{% feature_card(title="Lisp-inspired Syntax", description="Clean, expressive, and easy to pick up syntax", icon='') %} +• Minimal, readable syntax +• Homoiconicity benefits +• Expressive and concise {% end %} {% feature_card(title="Modern Tooling", description="Comprehensive development tools and ecosystem", icon='') %} -
  • • Plugin support
    • -
  • • Package management
    • -
  • • Testing frameworks
    • +• Plugin support +• Package management +• Testing frameworks {% end %} {% end %} @@ -92,8 +92,9 @@ Phel started as an [experiment in writing functional PHP](/blog/functional-progr
    - - + + +
    A Lisp-inspired functional language
    @@ -101,8 +102,20 @@ Phel started as an [experiment in writing functional PHP](/blog/functional-progr
    - - + + + + + + + + + + + + + +
    That runs on affordable PHP hosting
    @@ -110,11 +123,9 @@ Phel started as an [experiment in writing functional PHP](/blog/functional-progr
    - - - - - + + +
    That's expressive, debug-friendly, and easy to pick up
    diff --git a/content/documentation/getting-started.md b/content/documentation/getting-started.md index d0a97d1..ab26f44 100644 --- a/content/documentation/getting-started.md +++ b/content/documentation/getting-started.md @@ -83,7 +83,7 @@ require __DIR__ . '/../vendor/autoload.php'; php -S localhost:8000 ./src/index.php ``` -> 📘 [More on running code](/documentation/cli-commands#run-a-script) +> [More on running code](/documentation/cli-commands#run-a-script) ## REPL @@ -98,7 +98,7 @@ Try: (println "Hello" name) ``` -> 📘 [More on REPL](/documentation/repl) +> [More on REPL](/documentation/repl) ## Testing @@ -106,7 +106,7 @@ Try: vendor/bin/phel test --filter foo ``` -> 📘 [More on testing](/documentation/testing) +> [More on testing](/documentation/testing) ## Editor Support diff --git a/css/components/code-block.css b/css/components/code-block.css index 4461c1c..9d5008f 100644 --- a/css/components/code-block.css +++ b/css/components/code-block.css @@ -16,7 +16,7 @@ .copy-code-button { position: absolute; - top: 0; + top: -0.5rem; right: 0.75rem; width: 36px; height: 36px; diff --git a/css/components/dark-mode.css b/css/components/dark-mode.css index 6e03cbe..e25fc41 100644 --- a/css/components/dark-mode.css +++ b/css/components/dark-mode.css @@ -358,6 +358,12 @@ .dark .two-column-layout__sidebar::-webkit-scrollbar-thumb { background: var(--color-dark-border); + background-clip: padding-box; +} + +.dark .two-column-layout__sidebar::-webkit-scrollbar-thumb:hover { + background: var(--color-gray-base); + background-clip: padding-box; } /* Dark TOC */ diff --git a/css/components/layout.css b/css/components/layout.css index ddd34ca..06fb7f7 100644 --- a/css/components/layout.css +++ b/css/components/layout.css @@ -154,20 +154,23 @@ /* Custom scrollbar for sidebar */ .two-column-layout__sidebar::-webkit-scrollbar { - width: 6px; + width: 8px; } .two-column-layout__sidebar::-webkit-scrollbar-track { background: transparent; + margin: 8px 0; } .two-column-layout__sidebar::-webkit-scrollbar-thumb { background: var(--color-light-border); border-radius: var(--radius-full); + background-clip: padding-box; } .two-column-layout__sidebar::-webkit-scrollbar-thumb:hover { background: var(--color-gray-base); + background-clip: padding-box; } } diff --git a/templates/shortcodes/feature_card.html b/templates/shortcodes/feature_card.html index 58c62f3..9c0dda7 100644 --- a/templates/shortcodes/feature_card.html +++ b/templates/shortcodes/feature_card.html @@ -5,7 +5,11 @@

    {{ title }}

    {{ description }}

      - {{ body | safe }} + {% set lines = body | trim | split(pat="\n") %} + {% for line in lines %} + {% if line | trim %} +
    • {{ line | trim }}
      • + {% endif %} + {% endfor %}
    -