@jossuealcala/madre 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -42,11 +42,11 @@
42
42
  <span>Stop all</span>
43
43
  </button>
44
44
  <button id="sm-tb-links" class="sm-barkey" type="button">
45
- <svg viewBox="0 0 20 20" aria-hidden="true"><path d="M8.2 11.8 11.8 8.2M9 5.6 10.6 4a3.2 3.2 0 0 1 4.5 4.5L13.5 10M11 14.4 9.4 16a3.2 3.2 0 0 1-4.5-4.5L6.5 10" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
45
+ <svg viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path class="ic-mid" d="M8.2 11.8 11.8 8.2"/><path class="ic-a" d="M9 5.6 10.6 4a3.2 3.2 0 0 1 4.5 4.5L13.5 10"/><path class="ic-b" d="M11 14.4 9.4 16a3.2 3.2 0 0 1-4.5-4.5L6.5 10"/></svg>
46
46
  <span>Connections</span><b id="sm-tb-links-count" class="sm-badge" hidden></b>
47
47
  </button>
48
48
  <button id="sm-macro" class="sm-barkey sm-macro" type="button" hidden>
49
- <svg viewBox="0 0 20 20" aria-hidden="true"><ellipse cx="10" cy="10" rx="8.2" ry="3.6" fill="none" stroke="currentColor" stroke-width="1.4" opacity=".6"/><circle cx="10" cy="10" r="2.2" fill="currentColor"/><circle cx="16.4" cy="8.6" r="1.5" fill="currentColor"/><circle cx="4.2" cy="11.6" r="1.1" fill="currentColor" opacity=".7"/></svg>
49
+ <svg viewBox="0 0 20 20" aria-hidden="true"><ellipse cx="10" cy="10" rx="8.2" ry="3.6" fill="none" stroke="currentColor" stroke-width="1.4" opacity=".6"/><circle cx="10" cy="10" r="2.2" fill="currentColor"/><circle class="ic-planet" cx="18.2" cy="10" r="1.5" fill="currentColor"><animateMotion begin="indefinite" dur="2.4s" repeatCount="indefinite" path="M0 0a8.2 3.6 0 1 1-16.4 0a8.2 3.6 0 1 1 16.4 0"/></circle><circle class="ic-planet" cx="1.8" cy="10" r="1.1" fill="currentColor" opacity=".7"><animateMotion begin="indefinite" dur="2.4s" repeatCount="indefinite" path="M0 0a8.2 3.6 0 1 1 16.4 0a8.2 3.6 0 1 1-16.4 0"/></circle></svg>
50
50
  <span>Project map</span>
51
51
  </button>
52
52
  </nav>
@@ -62,21 +62,9 @@
62
62
  <main class="sm-main">
63
63
  <section class="sm-hero">
64
64
  <h1 id="sm-title" class="visually-hidden">Home</h1>
65
- <div class="sm-tools">
66
- <label class="settings-search sm-search">
67
- <svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="9" cy="9" r="5.2" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M13 13l3.5 3.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
68
- <input id="sm-search" type="search" autocomplete="off" spellcheck="false" placeholder="Search a project…" aria-label="Search a project…">
69
- </label>
70
- <div id="sm-filter" class="sx-seg" role="radiogroup" aria-label="Show">
71
- <button type="button" role="radio" data-filter="all" aria-checked="true">All projects</button>
72
- <button type="button" role="radio" data-filter="open" aria-checked="false">Open projects</button>
73
- <button type="button" role="radio" data-filter="asleep" aria-checked="false">Asleep projects</button>
74
- </div>
75
- <button id="sm-add" class="sm-btn primary sm-add" type="button">Add a project</button>
76
- </div>
77
65
  </section>
78
66
 
79
- <div class="sm-bento">
67
+ <div id="sm-top" class="sm-bento">
80
68
  <section id="sm-bishop" class="sm-tile sm-bishop c-8 r-3" aria-labelledby="sm-bishop-name">
81
69
  <header class="sm-bishop-head">
82
70
  <span id="sm-bishop-mark"></span>
@@ -115,12 +103,26 @@
115
103
  <div id="sm-map" class="sm-map"></div>
116
104
  <footer class="sm-tile-foot"><span id="sm-links-sum" class="sm-hint"></span><button id="sm-links-all" class="sm-btn ghost small" type="button">See the connections</button></footer>
117
105
  </section>
118
- </div>
119
-
120
- <div id="sm-projects" class="sm-bento sm-projects" aria-live="polite"></div>
121
- <p id="sm-none" class="sm-none" hidden></p>
122
-
123
- <div class="sm-bento sm-low">
106
+ <section id="sm-drawer" class="sm-tile sm-drawer c-12" aria-labelledby="sm-drawer-title">
107
+ <header class="sm-tile-head sm-drawer-head">
108
+ <h2 id="sm-drawer-title">Projects</h2><span id="sm-drawer-count" class="sm-chip port"></span>
109
+ <div class="sm-tools">
110
+ <label class="settings-search sm-search">
111
+ <svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="9" cy="9" r="5.2" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M13 13l3.5 3.5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
112
+ <input id="sm-search" type="search" autocomplete="off" spellcheck="false" placeholder="Search a project…" aria-label="Search a project…">
113
+ </label>
114
+ <div id="sm-filter" class="sx-seg" role="radiogroup" aria-label="Show">
115
+ <button type="button" role="radio" data-filter="all" aria-checked="true">All projects</button>
116
+ <button type="button" role="radio" data-filter="open" aria-checked="false">Open projects</button>
117
+ <button type="button" role="radio" data-filter="asleep" aria-checked="false">Asleep projects</button>
118
+ </div>
119
+ <button id="sm-add" class="sm-btn primary sm-add" type="button">Add a project</button>
120
+ </div>
121
+ </header>
122
+ <div id="sm-projects" class="sm-bento sm-projects" aria-live="polite"></div>
123
+ <p id="sm-none" class="sm-none" hidden></p>
124
+ <button id="sm-drawer-more" class="sm-drawer-more" type="button" hidden></button>
125
+ </section>
124
126
  <section id="sm-decisions" class="sm-tile c-5" aria-labelledby="sm-decisions-title">
125
127
  <header class="sm-tile-head"><h2 id="sm-decisions-title">Recent decisions</h2></header>
126
128
  <ol id="sm-decisions-list" class="sm-decisions"></ol>
@@ -134,6 +136,8 @@
134
136
  <div id="sm-memory-body" class="sm-memory-body"></div>
135
137
  </section>
136
138
  </div>
139
+
140
+
137
141
  <!-- The foot: what Home is, and the room's own corner — which MADRE this is, and whose. -->
138
142
  <footer class="sm-foot-row">
139
143
  <p id="sm-foot" class="sm-foot"></p>