metadata: add quotes syntax for titles

website/src/pages/learn/code.mdx

@@ -67,7 +67,7 @@ It is a handy way to quickly turn code on and off.
 Try uncommenting this line by deleting `//` and refreshing the pattern.
 You can also use the keyboard shortcut `cmd-/` to toggle comments on and off.
 
-You might noticed that some comments in the REPL samples include some words starting with a "@", like `@title` or `@license`.
+You might noticed that some comments in the REPL samples include some words starting with a "@", like `@by` or `@license`.
 Those are just a convention to define some information about the music. We will talk about it in the [Music metadata](/learn/metadata) section.
 
 # Strings

website/src/pages/learn/metadata.mdx

@@ -38,6 +38,12 @@ Or define multiple tags in one line:
 // @title Hey Hoo @by Sam Tagada @license CC BY-NC-SA
 ```
 
+The `title` tag has an alternative syntax using quotes (must be defined at the very begining):
+
+```js
+// "Hey Hoo" @by Sam Tagada
+```
+
 ## Tags list
 
 Available tags are:

website/src/pages/metadata_parser.js

@@ -2,10 +2,16 @@ const ALLOW_MANY = ['by', 'url', 'genre', 'license'];
 
 export function getMetadata(raw_code) {
   const comment_regexp = /\/\*([\s\S]*?)\*\/|\/\/(.*)$/gm;
+  const comments = [...raw_code.matchAll(comment_regexp)].map((c) => (c[1] || c[2] || '').trim());
   const tags = {};
 
-  for (const match of raw_code.matchAll(comment_regexp)) {
-    const tag_matches = (match[1] || match[2] || '').trim().split('@').slice(1);
+  const [prefix, title] = (comments[0] || '').split('"');
+  if (prefix.trim() === '' && title !== undefined) {
+    tags['title'] = title;
+  }
+
+  for (const comment of comments) {
+    const tag_matches = comment.split('@').slice(1);
     for (const tag_match of tag_matches) {
       let [tag, tag_value] = tag_match.split(/ (.*)/s);
       tag = tag.trim();