outro_rails 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: b3733825d8514fac6e05ae0f2e39e486d77d864dda4bacf5b18b02cef88a8c2b
+  data.tar.gz: 7e2efb6b1d6aa2ec8507e8e0ec08be5126cdde423bc030eddeff777d07876c90
+SHA512:
+  metadata.gz: 6b3515d3151d4db5d46b3d9dcdd84e13010f931426daaa746d2dda9855cb4f9f4cdfb0a6053fa638f14d618e129c393eaed58687cbd52f53c58d3e1b2f1a9b3f
+  data.tar.gz: ee6b4e9da13e3d258542403931442038e09f61cc2d835b869f82c8eefd5c608da0a9d8f725045cc0ca35c2013167a6cdcb97175638532a41e13364c631a00720

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright endtoendpaper
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,295 @@
+# Outro: Ruminate, Riff, Resolve
+
+Outro is a Rails engine that provides your application with a chord library,
+general music theory tools, and tools for creating and displaying chord
+charts.  Attach a transposable, instrument-aware chord chart to any model in
+your app with a single line.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+# Gemfile
+gem 'outro_rails'
+```
+
+then `bundle install`.
+
+Copy the engine's migrations into your app and run them:
+
+```sh
+bin/rails outro:install:migrations
+bin/rails db:migrate
+```
+
+This creates four tables: `outro_rails_chords`, `outro_rails_chord_voicings`,
+`outro_rails_chord_charts`, and `outro_rails_chord_chart_voicings`.
+
+Outro ships its chord library as seed data inside the gem. Load it either by
+adding this to your app's `db/seeds.rb` (so it runs with your normal
+`bin/rails db:seed`):
+
+```ruby
+OutroRails::Engine.load_seed
+```
+
+or by running the provided task directly:
+
+```bash
+bin/rails outro_rails:seed
+```
+
+Seeding is idempotent, so it's safe to re-run at any time.
+
+## Usage
+To view the chord library and music theory tools, mount the engine in your
+routes.rb:
+
+```ruby
+Rails.application.routes.draw do
+  mount OutroRails::Engine => "/outro"
+end
+```
+
+If you use [Devise](https://github.com/heartcombo/devise) and want the whole
+engine to require a signed-in user, wrap the mount in Devise's
+`authenticate` routing helper. Unauthenticated visitors will be redirected to
+sign in before any engine page renders:
+
+```ruby
+Rails.application.routes.draw do
+  authenticate :user do
+    mount OutroRails::Engine => "/outro"
+  end
+end
+```
+
+### Model: has_chord_chart
+
+Attach a chord chart to any model, the same way ActionText attaches rich
+text:
+
+```ruby
+class Song < ApplicationRecord
+  has_chord_chart :chord_sheet
+end
+```
+
+This gives the model `chord_sheet`/`chord_sheet=`/`chord_sheet?`, backed by a
+`OutroRails::ChordChart` row (`record`, `name`, plus `artist`, `song`
+(title), `tuning`, `capo`, `key`, and `body`). A model can attach more
+than one chart under different names.
+
+### Forms: chord_chart_area
+
+In a form, pair it with the `chord_chart_area` form builder method:
+
+```erb
+<%= form_with model: @song do |form| %>
+  <%= form.chord_chart_area :chord_sheet %>
+  <%= form.submit %>
+<% end %>
+```
+
+`chord_chart_area` renders artist/song/tuning/capo/key/body fields. Tuning
+options are pulled from `Instruments::Guitar::Tunings`, capo options are capped
+at fret 7 (`Instruments::Guitar::Capo::FRETS`), and key options are set from
+from `Theory::Key`.
+
+### Controller: Permitting the Parameters
+
+`chord_chart_area` submits the chart as nested attributes, so your
+controller has to permit them alongside your own columns. The association
+is named `chord_chart_<name>`, where `<name>` is the argument you passed
+to `has_chord_chart`. A model declaring `has_chord_chart :chord_sheet` needs
+the key `chord_chart_chord_sheet_attributes`:
+
+```ruby
+class SongsController < ApplicationController
+  # ...
+
+  private
+
+  def song_params
+    params.require(:song).permit(
+      :description,
+      chord_chart_chord_sheet_attributes: %i[artist body capo key song tuning]
+    )
+  end
+end
+```
+
+The six permitted attributes are exactly the fields `chord_chart_area`
+renders. `record` and `name` are managed by the engine and should not be
+permitted. If a model attaches more than one chart, each one needs its own
+key: `has_chord_chart :lead_sheet` is permitted as
+`chord_chart_lead_sheet_attributes`.
+
+With the parameters permitted, the chart saves through your existing
+update action.
+
+### Views: Displaying a Chart
+
+To display it, embed the engine's chart partial in your own show view:
+
+```erb
+<%= render "outro_rails/chord_charts/chart",
+      chord_chart: @song.chord_sheet,
+      instrument: params[:instrument],   # "guitar" or "piano", default "guitar"
+      to_key: params[:to_key],           # preview transposed into another key; view-only, nothing is saved
+      editable: @song.editable? %>
+```
+
+This renders the chart's metadata, an instrument toggle, a transpose-to-key
+picker, the chart body with recognized chords highlighted, and a
+diagram for every chord the body references.
+
+### Authorizing Chart Edits
+
+The chart's own content (artist, title, body, key, ...) is edited through
+*your* forms via `chord_chart_area`, so it's already protected by whatever
+protects the controller those forms submit to. The one write surface the
+engine itself owns is voicing selection.
+
+Two things gate that:
+
+* **`editable:`** (the partial local) only decides whether the edit UI
+  *renders*. It is not access control - the routes behind the buttons
+  exist whether or not any page showed them.
+* **`OutroRails.chord_chart_voicing_authorization`** is the server-side
+  check those routes enforce. It's a callable receiving `chord_chart:`
+  and `controller:`, and it defaults to open (`-> { true }`) so the
+  engine works with zero configuration.
+
+If charts belong to users, set the lambda in an initializer. The
+`controller` argument is an engine controller, not one of your app's own,
+so helpers defined only on *your* `ApplicationController` aren't
+available on it:
+
+```ruby
+# config/initializers/outro_rails.rb
+
+# Or, with hand-rolled session auth:
+OutroRails.chord_chart_voicing_authorization = ->(chord_chart:, controller:) {
+  user = User.find_by(id: controller.session[:user_id])
+  user && chord_chart.record.user_id == user.id
+}
+```
+
+#### With Devise
+
+Devise installs `current_user`, `user_signed_in?`, etc. on
+`ActionController::Base` itself, so they *are* available inside the
+engine's controllers. The lambda can use them directly. The usual rule,
+"whoever can edit the record can edit its chart", looks like:
+
+```ruby
+# config/initializers/outro_rails.rb
+OutroRails.chord_chart_voicing_authorization = ->(chord_chart:, controller:) {
+  user = controller.current_user
+  user.present? && chord_chart.record.user_id == user.id
+}
+```
+
+Adjust the ownership clause to your schema (`record.user == user`, a
+membership check, an `admin?` bypass, ...). If your Devise scope isn't
+`:user`, call its helper instead (`controller.current_admin`, ...). If
+you run Pundit or CanCanCan on top of Devise, delegate to it so the rule
+lives in one place:
+
+```ruby
+OutroRails.chord_chart_voicing_authorization = ->(chord_chart:, controller:) {
+  user = controller.current_user
+  user.present? && Pundit.policy(user, chord_chart.record).update?
+}
+```
+
+Then have your view ask the same question when deciding whether to render
+the edit UI, so the buttons never appear for someone the server would
+refuse:
+
+```erb
+<%= render "outro_rails/chord_charts/chart",
+      chord_chart: @song.chord_sheet,
+      editable: OutroRails.chord_chart_voicing_authorized?(
+        chord_chart: @song.chord_sheet, controller: controller
+      ) %>
+```
+
+## Development
+Clone the repository and copy the .env.tmpl file to .env:
+
+```sh
+git clone git@gitlab.com:endtoendpaper/outro_rails.git
+cd outro_rails
+cp .env.tmpl .env
+```
+
+Configure the variables in .env
+* Leave the POSTGRES_USER and POSTGRES_PASSWORD as the PostgreSQL image defaults.
+* Set `UID` and `GID` to your local user's values so files created inside the
+container have the correct permissions. (`id -u`, `id -g`)
+
+Example .env:
+```
+POSTGRES_USER=postgres
+POSTGRES_PASSWORD=password
+UID=1000
+GID=1000
+```
+
+Build the docker containers and start the application:
+```sh
+docker compose build
+docker compose up -d
+docker compose exec gem bundle exec rails app:db:prepare
+```
+
+Access the dummy app from this link: http://localhost:3002
+
+It seeds the chord library and four example songs (`spec/dummy/db/seeds.rb`).
+The example songs are listed on the home page. To illustrate permissions,
+the dummy app sets even record ids as editable and odd ones as view-only.
+
+
+## Publishing a New Version
+
+**1. Bump the version.** Edit `lib/outro_rails/version.rb`
+
+**2. Update the changelog.** Edit `CHANGELOG.md`
+
+**3. Commit and push**
+
+```sh
+git commit -m "Release v0.1.0"
+git push origin main
+```
+
+**4. Normalize file permissions.** Files that aren't world-readable get
+packaged that way and will break installs.
+
+```sh
+chmod -R a+rX app config db lib
+```
+
+**5. Build the gem.**
+
+```sh
+gem build outro_rails.gemspec
+```
+
+**6. Verify package contents.**
+
+```sh
+gem spec outro_rails-0.1.0.gem files
+```
+
+**7. Push it.**
+
+```sh
+gem push outro_rails-0.1.0.gem
+```
+
+## License
+The gem is available as open source under the terms of the
+[MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+require "bundler/gem_tasks"

data/app/assets/images/outro_rails/add.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z"/></svg>

data/app/assets/images/outro_rails/capo.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 32 32" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<path class="st1" d="M12.8,21.8L12.8,21.8c-1.7-1.4-2.3-3.8-1.5-5.9l4.1-10.7C16.3,3,19,2.3,20.8,3.8l0,0c1.4,1.2,1.6,3.3,0.5,4.7
+	l-1.1,1.5l1.4,6.2c0.4,1.9-0.2,3.9-1.7,5.1l-0.4,0.4C17.5,23.4,14.7,23.4,12.8,21.8z"/>
+<line class="st1" x1="14" y1="29" x2="14" y2="22.5"/>
+<line class="st1" x1="19" y1="22.1" x2="19" y2="29"/>
+<line class="st1" x1="9.6" y1="14.9" x2="11.4" y2="15.7"/>
+<line class="st1" x1="10.6" y1="11.9" x2="12.5" y2="12.8"/>
+<line class="st1" x1="11.6" y1="8.9" x2="13.6" y2="9.8"/>
+<line class="st1" x1="12.6" y1="5.9" x2="14.8" y2="6.9"/>
+</svg>

data/app/assets/images/outro_rails/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>

data/app/assets/images/outro_rails/circle.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>music_line</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Media" transform="translate(-912.000000, -96.000000)" fill-rule="nonzero">
+            <g id="music_line" transform="translate(912.000000, 96.000000)">
+                <path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z" id="MingCute" fill-rule="nonzero">
+
+                <path d="M10.9752,3.00175 C11.0974,3.54034 10.7599,4.07603 10.2213,4.19824 C6.65879,5.00662 4,8.19401 4,12 C4,16.4183 7.58172,20 12,20 C16.4183,20 20,16.4183 20,12 C20,10.3629 19.5093,8.84349 18.6673,7.577 C18.3615,7.11709 18.4864,6.49638 18.9463,6.19059 C19.4062,5.88481 20.0269,6.00975 20.3327,6.46965 C21.3862,8.05408 22,9.95689 22,12 C22,17.5229 17.5228,22 12,22 C6.47715,22 2,17.5229 2,12 C2,7.23967 5.32525,3.25837 9.77871,2.24783 C10.3173,2.12561 10.853,2.46315 10.9752,3.00175 Z M13,3.01364 C13,2.36478353 13.5982782,1.89541052 14.2139913,2.02423338 L14.3295,2.0555 L17.3163,3.05135 C17.8402,3.22604 18.1233,3.79238 17.9487,4.31631 C17.7864786,4.80281643 17.2865158,5.08168566 16.7964566,4.97917536 L16.6837,4.94867 L15,4.3873 L15,12 C15,13.6569 13.6569,15 12,15 C10.3431,15 9,13.6569 9,12 C9,10.3431 10.3431,9 12,9 C12.28048,9 12.552,9.038496 12.8095424,9.11050112 L13,9.17071 L13,3.01364 Z" id="形状" fill="#09244B">
+
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/images/outro_rails/clear.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z"/></svg>

data/app/assets/images/outro_rails/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z"/></svg>

data/app/assets/images/outro_rails/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"/></svg>

data/app/assets/images/outro_rails/guitar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M529 71C519.6 61.6 504.4 61.6 495.1 71L447 119C444.6 121.4 442.7 124.3 441.5 127.5L426.1 168.5L348.6 246.1C303.5 216.7 249.3 215.9 217.6 247.7C206.6 258.7 199.6 272.3 196.2 287.3C192.5 303.9 177.1 318 160.1 318.9C134.5 320.2 110.8 329.6 92.8 347.5C48 392.3 56.4 473.3 111.5 528.4C166.6 583.5 247.6 592 292.4 547.2C310.3 529.3 319.8 505.5 321 479.9C321.9 462.9 336 447.6 352.6 443.8C367.6 440.4 381.2 433.3 392.2 422.4C424 390.6 423.2 336.5 393.8 291.4L471.4 213.8L512.4 198.4C515.6 197.2 518.5 195.3 520.9 192.9L568.9 144.9C578.3 135.5 578.3 120.3 568.9 111L529 71zM272 320C298.5 320 320 341.5 320 368C320 394.5 298.5 416 272 416C245.5 416 224 394.5 224 368C224 341.5 245.5 320 272 320z"/></svg>

data/app/assets/images/outro_rails/instruments.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M15 2C11.61093 2 9.6052949 4.5851816 9.3027344 5L6 5C4.895 5 4 5.895 4 7L4 24C4 25.105 4.895 26 6 26L7 26 A 1 1 0 0 0 8 27 A 1 1 0 0 0 9 26L21 26 A 1 1 0 0 0 22 27 A 1 1 0 0 0 23 26L24 26C25.105 26 26 25.105 26 24L26 7C26 5.895 25.105 5 24 5L20.693359 5C20.434314 4.6590927 18.32067 2 15 2 z M 15 4C16.034749 4 16.979964 4.4785227 17.71875 5L12.193359 5C12.91133 4.4803556 13.865611 4 15 4 z M 6.5 7L23.5 7C23.776 7 24 7.224 24 7.5L24 10.5C24 10.776 23.776 11 23.5 11L6.5 11C6.224 11 6 10.776 6 10.5L6 7.5C6 7.224 6.224 7 6.5 7 z M 9 8 A 1 1 0 0 0 8 9 A 1 1 0 0 0 9 10 A 1 1 0 0 0 10 9 A 1 1 0 0 0 9 8 z M 13 8 A 1 1 0 0 0 12 9 A 1 1 0 0 0 13 10 A 1 1 0 0 0 14 9 A 1 1 0 0 0 13 8 z M 17 8 A 1 1 0 0 0 16 9 A 1 1 0 0 0 17 10 A 1 1 0 0 0 18 9 A 1 1 0 0 0 17 8 z M 21 8 A 1 1 0 0 0 20 9 A 1 1 0 0 0 21 10 A 1 1 0 0 0 22 9 A 1 1 0 0 0 21 8 z M 7.5 13C7.776 13 8 13.224 8 13.5C8 13.776 7.776 14 7.5 14C7.224 14 7 13.776 7 13.5C7 13.224 7.224 13 7.5 13 z M 9.5 13C9.776 13 10 13.224 10 13.5C10 13.776 9.776 14 9.5 14C9.224 14 9 13.776 9 13.5C9 13.224 9.224 13 9.5 13 z M 11.5 13C11.776 13 12 13.224 12 13.5C12 13.776 11.776 14 11.5 14C11.224 14 11 13.776 11 13.5C11 13.224 11.224 13 11.5 13 z M 13.5 13C13.776 13 14 13.224 14 13.5C14 13.776 13.776 14 13.5 14C13.224 14 13 13.776 13 13.5C13 13.224 13.224 13 13.5 13 z M 15.5 13C15.776 13 16 13.224 16 13.5C16 13.776 15.776 14 15.5 14C15.224 14 15 13.776 15 13.5C15 13.224 15.224 13 15.5 13 z M 17.5 13C17.776 13 18 13.224 18 13.5C18 13.776 17.776 14 17.5 14C17.224 14 17 13.776 17 13.5C17 13.224 17.224 13 17.5 13 z M 19.5 13C19.776 13 20 13.224 20 13.5C20 13.776 19.776 14 19.5 14C19.224 14 19 13.776 19 13.5C19 13.224 19.224 13 19.5 13 z M 21.5 13C21.776 13 22 13.224 22 13.5C22 13.776 21.776 14 21.5 14C21.224 14 21 13.776 21 13.5C21 13.224 21.224 13 21.5 13 z M 23.5 13C23.776 13 24 13.224 24 13.5C24 13.776 23.776 14 23.5 14C23.224 14 23 13.776 23 13.5C23 13.224 23.224 13 23.5 13 z M 6.5 15C6.776 15 7 15.224 7 15.5C7 15.776 6.776 16 6.5 16C6.224 16 6 15.776 6 15.5C6 15.224 6.224 15 6.5 15 z M 8.5 15C8.776 15 9 15.224 9 15.5C9 15.776 8.776 16 8.5 16C8.224 16 8 15.776 8 15.5C8 15.224 8.224 15 8.5 15 z M 10.5 15C10.776 15 11 15.224 11 15.5C11 15.776 10.776 16 10.5 16C10.224 16 10 15.776 10 15.5C10 15.224 10.224 15 10.5 15 z M 12.5 15C12.776 15 13 15.224 13 15.5C13 15.776 12.776 16 12.5 16C12.224 16 12 15.776 12 15.5C12 15.224 12.224 15 12.5 15 z M 14.5 15C14.776 15 15 15.224 15 15.5C15 15.776 14.776 16 14.5 16C14.224 16 14 15.776 14 15.5C14 15.224 14.224 15 14.5 15 z M 16.5 15C16.776 15 17 15.224 17 15.5C17 15.776 16.776 16 16.5 16C16.224 16 16 15.776 16 15.5C16 15.224 16.224 15 16.5 15 z M 18.5 15C18.776 15 19 15.224 19 15.5C19 15.776 18.776 16 18.5 16C18.224 16 18 15.776 18 15.5C18 15.224 18.224 15 18.5 15 z M 20.5 15C20.776 15 21 15.224 21 15.5C21 15.776 20.776 16 20.5 16C20.224 16 20 15.776 20 15.5C20 15.224 20.224 15 20.5 15 z M 22.5 15C22.776 15 23 15.224 23 15.5C23 15.776 22.776 16 22.5 16C22.224 16 22 15.776 22 15.5C22 15.224 22.224 15 22.5 15 z M 7.5 17C7.776 17 8 17.224 8 17.5C8 17.776 7.776 18 7.5 18C7.224 18 7 17.776 7 17.5C7 17.224 7.224 17 7.5 17 z M 9.5 17C9.776 17 10 17.224 10 17.5C10 17.776 9.776 18 9.5 18C9.224 18 9 17.776 9 17.5C9 17.224 9.224 17 9.5 17 z M 11.5 17C11.776 17 12 17.224 12 17.5C12 17.776 11.776 18 11.5 18C11.224 18 11 17.776 11 17.5C11 17.224 11.224 17 11.5 17 z M 13.5 17C13.776 17 14 17.224 14 17.5C14 17.776 13.776 18 13.5 18C13.224 18 13 17.776 13 17.5C13 17.224 13.224 17 13.5 17 z M 15.5 17C15.776 17 16 17.224 16 17.5C16 17.776 15.776 18 15.5 18C15.224 18 15 17.776 15 17.5C15 17.224 15.224 17 15.5 17 z M 17.5 17C17.776 17 18 17.224 18 17.5C18 17.776 17.776 18 17.5 18C17.224 18 17 17.776 17 17.5C17 17.224 17.224 17 17.5 17 z M 19.5 17C19.776 17 20 17.224 20 17.5C20 17.776 19.776 18 19.5 18C19.224 18 19 17.776 19 17.5C19 17.224 19.224 17 19.5 17 z M 21.5 17C21.776 17 22 17.224 22 17.5C22 17.776 21.776 18 21.5 18C21.224 18 21 17.776 21 17.5C21 17.224 21.224 17 21.5 17 z M 23.5 17C23.776 17 24 17.224 24 17.5C24 17.776 23.776 18 23.5 18C23.224 18 23 17.776 23 17.5C23 17.224 23.224 17 23.5 17 z M 6.5 19C6.776 19 7 19.224 7 19.5C7 19.776 6.776 20 6.5 20C6.224 20 6 19.776 6 19.5C6 19.224 6.224 19 6.5 19 z M 8.5 19C8.776 19 9 19.224 9 19.5C9 19.776 8.776 20 8.5 20C8.224 20 8 19.776 8 19.5C8 19.224 8.224 19 8.5 19 z M 10.5 19C10.776 19 11 19.224 11 19.5C11 19.776 10.776 20 10.5 20C10.224 20 10 19.776 10 19.5C10 19.224 10.224 19 10.5 19 z M 12.5 19C12.776 19 13 19.224 13 19.5C13 19.776 12.776 20 12.5 20C12.224 20 12 19.776 12 19.5C12 19.224 12.224 19 12.5 19 z M 14.5 19C14.776 19 15 19.224 15 19.5C15 19.776 14.776 20 14.5 20C14.224 20 14 19.776 14 19.5C14 19.224 14.224 19 14.5 19 z M 16.5 19C16.776 19 17 19.224 17 19.5C17 19.776 16.776 20 16.5 20C16.224 20 16 19.776 16 19.5C16 19.224 16.224 19 16.5 19 z M 18.5 19C18.776 19 19 19.224 19 19.5C19 19.776 18.776 20 18.5 20C18.224 20 18 19.776 18 19.5C18 19.224 18.224 19 18.5 19 z M 20.5 19C20.776 19 21 19.224 21 19.5C21 19.776 20.776 20 20.5 20C20.224 20 20 19.776 20 19.5C20 19.224 20.224 19 20.5 19 z M 22.5 19C22.776 19 23 19.224 23 19.5C23 19.776 22.776 20 22.5 20C22.224 20 22 19.776 22 19.5C22 19.224 22.224 19 22.5 19 z M 7.5 21C7.776 21 8 21.224 8 21.5C8 21.776 7.776 22 7.5 22C7.224 22 7 21.776 7 21.5C7 21.224 7.224 21 7.5 21 z M 9.5 21C9.776 21 10 21.224 10 21.5C10 21.776 9.776 22 9.5 22C9.224 22 9 21.776 9 21.5C9 21.224 9.224 21 9.5 21 z M 11.5 21C11.776 21 12 21.224 12 21.5C12 21.776 11.776 22 11.5 22C11.224 22 11 21.776 11 21.5C11 21.224 11.224 21 11.5 21 z M 13.5 21C13.776 21 14 21.224 14 21.5C14 21.776 13.776 22 13.5 22C13.224 22 13 21.776 13 21.5C13 21.224 13.224 21 13.5 21 z M 15.5 21C15.776 21 16 21.224 16 21.5C16 21.776 15.776 22 15.5 22C15.224 22 15 21.776 15 21.5C15 21.224 15.224 21 15.5 21 z M 17.5 21C17.776 21 18 21.224 18 21.5C18 21.776 17.776 22 17.5 22C17.224 22 17 21.776 17 21.5C17 21.224 17.224 21 17.5 21 z M 19.5 21C19.776 21 20 21.224 20 21.5C20 21.776 19.776 22 19.5 22C19.224 22 19 21.776 19 21.5C19 21.224 19.224 21 19.5 21 z M 21.5 21C21.776 21 22 21.224 22 21.5C22 21.776 21.776 22 21.5 22C21.224 22 21 21.776 21 21.5C21 21.224 21.224 21 21.5 21 z M 23.5 21C23.776 21 24 21.224 24 21.5C24 21.776 23.776 22 23.5 22C23.224 22 23 21.776 23 21.5C23 21.224 23.224 21 23.5 21 z M 6.5 23C6.776 23 7 23.224 7 23.5C7 23.776 6.776 24 6.5 24C6.224 24 6 23.776 6 23.5C6 23.224 6.224 23 6.5 23 z M 8.5 23C8.776 23 9 23.224 9 23.5C9 23.776 8.776 24 8.5 24C8.224 24 8 23.776 8 23.5C8 23.224 8.224 23 8.5 23 z M 10.5 23C10.776 23 11 23.224 11 23.5C11 23.776 10.776 24 10.5 24C10.224 24 10 23.776 10 23.5C10 23.224 10.224 23 10.5 23 z M 12.5 23C12.776 23 13 23.224 13 23.5C13 23.776 12.776 24 12.5 24C12.224 24 12 23.776 12 23.5C12 23.224 12.224 23 12.5 23 z M 14.5 23C14.776 23 15 23.224 15 23.5C15 23.776 14.776 24 14.5 24C14.224 24 14 23.776 14 23.5C14 23.224 14.224 23 14.5 23 z M 16.5 23C16.776 23 17 23.224 17 23.5C17 23.776 16.776 24 16.5 24C16.224 24 16 23.776 16 23.5C16 23.224 16.224 23 16.5 23 z M 18.5 23C18.776 23 19 23.224 19 23.5C19 23.776 18.776 24 18.5 24C18.224 24 18 23.776 18 23.5C18 23.224 18.224 23 18.5 23 z M 20.5 23C20.776 23 21 23.224 21 23.5C21 23.776 20.776 24 20.5 24C20.224 24 20 23.776 20 23.5C20 23.224 20.224 23 20.5 23 z M 22.5 23C22.776 23 23 23.224 23 23.5C23 23.776 22.776 24 22.5 24C22.224 24 22 23.776 22 23.5C22 23.224 22.224 23 22.5 23 z"/></svg>

data/app/assets/images/outro_rails/library.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.38351 13.793C1.93748 10.6294 1.71447 9.04765 2.66232 8.02383C3.61017 7 5.29758 7 8.67239 7H15.3276C18.7024 7 20.3898 7 21.3377 8.02383C22.2855 9.04765 22.0625 10.6294 21.6165 13.793L21.1935 16.793C20.8437 19.2739 20.6689 20.5143 19.7717 21.2572C18.8745 22 17.5512 22 14.9046 22H9.09536C6.44881 22 5.12553 22 4.22834 21.2572C3.33115 20.5143 3.15626 19.2739 2.80648 16.793L2.38351 13.793Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M12 17C12 17.8284 11.3284 18.5 10.5 18.5C9.67157 18.5 9 17.8284 9 17C9 16.1716 9.67157 15.5 10.5 15.5C11.3284 15.5 12 16.1716 12 17ZM12 17V10.5C12 12.1569 13.8954 13.5 15 13.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.5617 7C19.7904 5.69523 18.7863 4.5 17.4617 4.5H6.53788C5.21323 4.5 4.20922 5.69523 4.43784 7" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M17.4999 4.5C17.5283 4.24092 17.5425 4.11135 17.5427 4.00435C17.545 2.98072 16.7739 2.12064 15.7561 2.01142C15.6497 2 15.5194 2 15.2588 2H8.74099C8.48035 2 8.35002 2 8.24362 2.01142C7.22584 2.12064 6.45481 2.98072 6.45704 4.00434C6.45727 4.11135 6.47146 4.2409 6.49983 4.5" stroke="#1C274C" stroke-width="1.5"/>
+</svg>

data/app/assets/images/outro_rails/music.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M532 71C539.6 77.1 544 86.3 544 96L544 400C544 444.2 501 480 448 480C395 480 352 444.2 352 400C352 355.8 395 320 448 320C459.2 320 470 321.6 480 324.6L480 207.9L256 257.7L256 464C256 508.2 213 544 160 544C107 544 64 508.2 64 464C64 419.8 107 384 160 384C171.2 384 182 385.6 192 388.6L192 160C192 145 202.4 132 217.1 128.8L505.1 64.8C514.6 62.7 524.5 65 532.1 71.1z"/></svg>

data/app/assets/images/outro_rails/piano.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14V9C3 5.68629 5.68629 3 9 3H9.23529C12.4191 3 15 5.58095 15 8.76471C15 9.44694 15.5531 10 16.2353 10H18C19.6569 10 21 11.3431 21 13V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V14ZM3 14H21M7 14V17M10 14V17M13 14V17M17 14V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/images/outro_rails/save.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 237.3C496 233.1 494.3 229 491.3 226L416 150.6L416 240C416 257.7 401.7 272 384 272L224 272C206.3 272 192 257.7 192 240L192 144L160 144zM240 144L240 224L368 224L368 144L240 144zM96 160C96 124.7 124.7 96 160 96L402.7 96C419.7 96 436 102.7 448 114.7L525.3 192C537.3 204 544 220.3 544 237.3L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160zM256 384C256 348.7 284.7 320 320 320C355.3 320 384 348.7 384 384C384 419.3 355.3 448 320 448C284.7 448 256 419.3 256 384z"/></svg>

data/app/assets/images/outro_rails/scales.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><path d="M 29.7460 51.8359 C 33.2147 51.8359 38.4647 49.2344 38.4647 42.3437 L 38.4647 20.8984 C 38.4647 19.7265 38.6522 19.5156 39.7069 19.3047 L 50.8868 16.8437 C 51.7072 16.6563 52.2462 16 52.2462 15.1797 L 52.2462 6.3437 C 52.2462 5.0312 51.1912 4.1641 49.9024 4.4453 L 37.4803 7.1406 C 35.8632 7.4922 34.9960 8.3359 34.9960 9.7422 L 35.1366 35.8047 C 35.1366 36.8828 34.6444 37.5859 33.6835 37.7734 L 29.9569 38.5703 C 25.1757 39.5547 22.9491 42.0156 22.9491 45.6015 C 22.9491 49.2578 25.7850 51.8359 29.7460 51.8359 Z M 5.3476 16.3750 L 26.3007 16.3750 C 27.1913 16.3750 27.8944 15.6484 27.8944 14.7812 C 27.8944 13.9141 27.1913 13.2109 26.3007 13.2109 L 5.3476 13.2109 C 4.4803 13.2109 3.7538 13.9141 3.7538 14.7812 C 3.7538 15.6484 4.4803 16.3750 5.3476 16.3750 Z M 5.3476 24.7187 L 26.3007 24.7187 C 27.2147 24.7187 27.8944 23.9922 27.8944 23.1016 C 27.8944 22.2344 27.1913 21.5547 26.3007 21.5547 L 5.3476 21.5547 C 4.4803 21.5547 3.7538 22.2344 3.7538 23.1016 C 3.7538 23.9922 4.4569 24.7187 5.3476 24.7187 Z M 5.3476 33.0625 L 26.3007 33.0625 C 27.2147 33.0625 27.8944 32.3594 27.8944 31.4687 C 27.8944 30.6016 27.1913 29.8984 26.3007 29.8984 L 5.3476 29.8984 C 4.4803 29.8984 3.7538 30.6016 3.7538 31.4687 C 3.7538 32.3594 4.4569 33.0625 5.3476 33.0625 Z"/></svg>

data/app/assets/images/outro_rails/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>

data/app/assets/images/outro_rails/shapes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 64C331.2 64 341.7 69.9 347.4 79.5L443.4 239.5C449.3 249.4 449.5 261.7 443.8 271.7C438.1 281.7 427.5 288 416 288L224 288C212.5 288 201.8 281.8 196.2 271.8C190.6 261.8 190.7 249.5 196.6 239.6L292.6 79.6C298.3 69.9 308.8 64 320 64zM192 336C253.9 336 304 386.1 304 448C304 509.9 253.9 560 192 560C130.1 560 80 509.9 80 448C80 386.1 130.1 336 192 336zM392 352L504 352C526.1 352 544 369.9 544 392L544 504C544 526.1 526.1 544 504 544L392 544C369.9 544 352 526.1 352 504L352 392C352 369.9 369.9 352 392 352z"/></svg>

data/app/assets/images/outro_rails/transposer.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M5.991,12.003l-0.001,0c-1.105,0 -2.002,0.897 -2.002,2.002c-0,1.105 0.897,2.002 2.002,2.002c1.104,-0 2.001,-0.897 2.001,-2.002l0,-7.122c0,-0 6.001,-0.75 6.001,-0.75l0.003,3.867c-1.105,0 -2.002,0.897 -2.002,2.002c0,1.105 0.897,2.001 2.002,2.001c1.105,0 2.002,-0.896 2.002,-2.001l-0.006,-7.003c0,-0.286 -0.123,-0.559 -0.338,-0.749c-0.215,-0.19 -0.501,-0.278 -0.786,-0.242l-8,1c-0.5,0.062 -0.876,0.488 -0.876,0.992l0,6.003Z"/><path d="M12.617,20.597c-0.813,0.815 -1.326,1.33 -1.326,1.33c-0.186,0.187 -0.29,0.44 -0.291,0.703l-0.009,4.368c-0.001,0.265 0.104,0.52 0.292,0.708c0.188,0.188 0.442,0.294 0.708,0.294l4.427,0c0.265,-0 0.518,-0.105 0.706,-0.291l1.305,-1.3l-5.812,-5.812Zm1.411,-1.417l5.818,5.818l6.946,-6.914c0.773,-0.774 1.208,-1.823 1.208,-2.916c-0,-1.094 -0.435,-2.143 -1.208,-2.916c-0.003,-0.004 -0.006,-0.007 -0.009,-0.01c-0.774,-0.773 -1.823,-1.208 -2.916,-1.208c-1.094,0 -2.143,0.435 -2.916,1.208c-1.958,1.958 -4.822,4.83 -6.923,6.938Z"/></svg>

data/app/assets/images/outro_rails/undo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 128C263.2 128 212.1 152.7 176.9 192L224 192C241.7 192 256 206.3 256 224C256 241.7 241.7 256 224 256L96 256C78.3 256 64 241.7 64 224L64 96C64 78.3 78.3 64 96 64C113.7 64 128 78.3 128 96L128 150.7C174.9 97.6 243.5 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C233 576 156.1 532.6 109.9 466.3C99.8 451.8 103.3 431.9 117.8 421.7C132.3 411.5 152.2 415.1 162.4 429.6C197.2 479.4 254.8 511.9 320 511.9C426 511.9 512 425.9 512 319.9C512 213.9 426 128 320 128z"/></svg>