@mumulinya167/ccm-pet-assets 2.0.0 → 2.0.2

package/assets/clawd/LICENSE

@@ -1,22 +1,22 @@
-All Rights Reserved
-
-The artwork files in this directory and its subdirectories (including but not
-limited to SVG, PNG, GIF, and ICO files) are NOT covered by the project's
-source-code license. All rights are reserved by their respective copyright
-holders.
-
-Clawd character artwork:
-  The Clawd character is the property of Anthropic (https://www.anthropic.com).
-  Clawd pixel art in this project is fan-created and may not be used for
-  commercial purposes.
-
-Calico cat (三花猫) artwork:
-  Copyright (c) 2026 鹿鹿 (rullerzhou-afk). All rights reserved.
-
-Third-party artist contributions:
-  Copyright is retained by the respective artists. See individual file headers
-  or the project README for attribution details.
-
-You may NOT copy, modify, distribute, or use any artwork from this directory
-without explicit written permission from the copyright holder(s), except for
-personal use of the Clawd on Desk application as distributed by this project.
+All Rights Reserved
+
+The artwork files in this directory and its subdirectories (including but not
+limited to SVG, PNG, GIF, and ICO files) are NOT covered by the project's
+source-code license. All rights are reserved by their respective copyright
+holders.
+
+Clawd character artwork:
+  The Clawd character is the property of Anthropic (https://www.anthropic.com).
+  Clawd pixel art in this project is fan-created and may not be used for
+  commercial purposes.
+
+Calico cat (三花猫) artwork:
+  Copyright (c) 2026 鹿鹿 (rullerzhou-afk). All rights reserved.
+
+Third-party artist contributions:
+  Copyright is retained by the respective artists. See individual file headers
+  or the project README for attribution details.
+
+You may NOT copy, modify, distribute, or use any artwork from this directory
+without explicit written permission from the copyright holder(s), except for
+personal use of the Clawd on Desk application as distributed by this project.

package/assets/clawd/clawd-about-hero.svg

@@ -1,202 +1,202 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 2 20 16" width="500" height="400">
-  <!-- Clawd About hero: "Deal with it" intro → freeze at 55% (cool pose, post-second-sparkle, hands not yet returning).
-       Adapted from themes/clawd/assets/source/clawd-experiment-put-on-v4.svg:
-         - 8s infinite → 4.4s forwards (plays once, freezes at terminal keyframe)
-         - Keyframes past 55% removed; remaining remapped from 0-55% → 0-100%
-         - Wrapped in <g class="breath-wrap"> for subtle breathing after intro
-         - Wrapped in <g id="shake-slot"> outermost — JS adds .shake class on click
-  -->
-
-  <defs>
-    <style>
-      .arm-right-motion {
-        transform-origin: 13px 10px;
-        animation: arm-right 4.4s ease-in-out forwards;
-      }
-      .arm-left-motion {
-        transform-origin: 2px 10px;
-        animation: arm-left 4.4s ease-in-out forwards;
-      }
-      .glasses-fly {
-        transform-origin: 0 0;
-        animation: glasses-fly 4.4s ease-in-out forwards;
-      }
-      .mood {
-        transform-origin: 7.5px 13px;
-        animation: mood 4.4s ease-in-out forwards;
-      }
-      .shadow-fade {
-        animation: shadow-fade 4.4s ease-in-out forwards;
-      }
-      .sparkle-near {
-        transform-origin: 2.5px 6.5px;
-        animation: sparkle-near 4.4s ease-in-out forwards;
-      }
-      .sparkle-far {
-        transform-origin: 3.5px 4.5px;
-        animation: sparkle-far 4.4s ease-in-out forwards;
-      }
-
-      /* Breath: kick in after intro completes; gentle infinite up-down */
-      .breath-wrap {
-        animation: breath 4s infinite ease-in-out;
-        animation-delay: 4.4s;
-      }
-      @keyframes breath {
-        0%, 100% { transform: translateY(0); }
-        50%      { transform: translateY(-0.3px); }
-      }
-
-      /* Shake: JS toggles .shake on click; animationend removes the class */
-      .shake-slot {
-        transform-origin: 7.5px 10px;
-      }
-      .shake-slot.shake {
-        animation: shake 0.4s ease-in-out;
-      }
-      @keyframes shake {
-        0%, 100% { transform: rotate(0); }
-        20%      { transform: rotate(-3deg); }
-        60%      { transform: rotate(3deg); }
-        80%      { transform: rotate(-2deg); }
-      }
-
-      /* Right arm: idle → raise → hold → cool pose (freeze at translate(0.5,1)) */
-      @keyframes arm-right {
-        0%, 9%    { transform: none; }
-        15%, 33%  { transform: translateY(-3px) rotate(-90deg); }
-        45%, 73%  { transform: translate(-1px, -1px); }
-        82%, 100% { transform: translate(0.5px, 1px); }
-      }
-
-      /* Left arm: idle → hold → cool pose (freeze at translate(-0.5,1)) */
-      @keyframes arm-left {
-        0%, 27%   { transform: none; }
-        45%, 73%  { transform: translate(1px, -1px); }
-        82%, 100% { transform: translate(-0.5px, 1px); }
-      }
-
-      /* Glasses: invisible → summon → fly to face → display (freeze at translate(1.325,7.375) scale(0.65)) */
-      @keyframes glasses-fly {
-        0%, 15%   { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 0; }
-        22%, 33%  { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 1; }
-        55%, 100% { transform: translate(1.325px, 7.375px) scale(0.65); opacity: 1; }
-      }
-
-      /* Mood: single head shake mid-intro → cool pose tilt (freeze at +1deg) */
-      @keyframes mood {
-        0%, 55%   { transform: rotate(0deg); }
-        60%       { transform: rotate(1deg); }
-        65%       { transform: rotate(-1deg); }
-        73%       { transform: rotate(0deg); }
-        82%, 100% { transform: rotate(1deg); }
-      }
-
-      /* Hand shadows: visible only during hold periods */
-      @keyframes shadow-fade {
-        0%, 40%   { opacity: 0; }
-        51%, 76%  { opacity: 1; }
-        87%, 100% { opacity: 0; }
-      }
-
-      /* Sparkle near (small, glasses corner): flashes mid-pose then fades */
-      @keyframes sparkle-near {
-        0%, 73%   { opacity: 0; transform: scale(0.4); }
-        75%       { opacity: 1; transform: scale(0.7); }
-        78%       { opacity: 0.7; transform: scale(0.5); }
-        80%, 100% { opacity: 0; transform: scale(0.4); }
-      }
-
-      /* Sparkle far (big, upper-left void): peaks late, faded before freeze */
-      @keyframes sparkle-far {
-        0%, 84%   { opacity: 0; transform: scale(0.5); }
-        87%       { opacity: 1; transform: scale(1.4); }
-        91%       { opacity: 0.9; transform: scale(1.2); }
-        96%, 100% { opacity: 0; transform: scale(0.6); }
-      }
-    </style>
-
-    <clipPath id="inside-torso">
-      <rect x="2" y="6" width="11" height="7"/>
-    </clipPath>
-  </defs>
-
-  <g class="shake-slot" id="shake-slot">
-    <rect id="ground-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
-
-    <g class="breath-wrap">
-      <g class="mood">
-        <g id="master-group">
-
-          <g id="legs" fill="#DE886D">
-            <rect x="3"  y="13" width="1" height="2"/>
-            <rect x="5"  y="13" width="1" height="2"/>
-            <rect x="9"  y="13" width="1" height="2"/>
-            <rect x="11" y="13" width="1" height="2"/>
-          </g>
-
-          <rect x="2" y="6" width="11" height="7" fill="#DE886D"/>
-
-          <g clip-path="url(#inside-torso)" class="shadow-fade">
-            <g class="arm-left-motion">
-              <rect x="0" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
-            </g>
-            <g class="arm-right-motion">
-              <rect x="12.6" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
-            </g>
-          </g>
-
-          <g fill="#000000">
-            <rect x="4"  y="8" width="1" height="2"/>
-            <rect x="10" y="8" width="1" height="2"/>
-          </g>
-
-          <g class="glasses-fly">
-            <g fill="#000000">
-              <rect x="0"  y="0" width="19" height="1"/>
-              <rect x="0"  y="1" width="8"  height="1"/>
-              <rect x="11" y="1" width="8"  height="1"/>
-              <rect x="0"  y="2" width="8"  height="1"/>
-              <rect x="11" y="2" width="8"  height="1"/>
-              <rect x="1"  y="3" width="6"  height="1"/>
-              <rect x="12" y="3" width="6"  height="1"/>
-              <rect x="2"  y="4" width="4"  height="1"/>
-              <rect x="13" y="4" width="4"  height="1"/>
-            </g>
-            <g fill="#FFFFFF">
-              <rect x="5"  y="1" width="1" height="1"/>
-              <rect x="4"  y="2" width="1" height="1"/>
-              <rect x="16" y="1" width="1" height="1"/>
-              <rect x="15" y="2" width="1" height="1"/>
-            </g>
-          </g>
-
-          <g class="arm-left-motion">
-            <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
-          </g>
-
-          <g class="arm-right-motion">
-            <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
-          </g>
-
-          <g class="sparkle-near" fill="#FFFFFF">
-            <rect x="2" y="6" width="1" height="1"/>
-            <rect x="2" y="5" width="1" height="1"/>
-            <rect x="2" y="7" width="1" height="1"/>
-            <rect x="1" y="6" width="1" height="1"/>
-            <rect x="3" y="6" width="1" height="1"/>
-          </g>
-
-          <g class="sparkle-far" fill="#FFFFFF">
-            <rect x="3" y="4" width="1" height="1"/>
-            <rect x="3" y="3" width="1" height="1"/>
-            <rect x="3" y="5" width="1" height="1"/>
-            <rect x="2" y="4" width="1" height="1"/>
-            <rect x="4" y="4" width="1" height="1"/>
-          </g>
-
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 2 20 16" width="500" height="400">
+  <!-- Clawd About hero: "Deal with it" intro → freeze at 55% (cool pose, post-second-sparkle, hands not yet returning).
+       Adapted from themes/clawd/assets/source/clawd-experiment-put-on-v4.svg:
+         - 8s infinite → 4.4s forwards (plays once, freezes at terminal keyframe)
+         - Keyframes past 55% removed; remaining remapped from 0-55% → 0-100%
+         - Wrapped in <g class="breath-wrap"> for subtle breathing after intro
+         - Wrapped in <g id="shake-slot"> outermost — JS adds .shake class on click
+  -->
+
+  <defs>
+    <style>
+      .arm-right-motion {
+        transform-origin: 13px 10px;
+        animation: arm-right 4.4s ease-in-out forwards;
+      }
+      .arm-left-motion {
+        transform-origin: 2px 10px;
+        animation: arm-left 4.4s ease-in-out forwards;
+      }
+      .glasses-fly {
+        transform-origin: 0 0;
+        animation: glasses-fly 4.4s ease-in-out forwards;
+      }
+      .mood {
+        transform-origin: 7.5px 13px;
+        animation: mood 4.4s ease-in-out forwards;
+      }
+      .shadow-fade {
+        animation: shadow-fade 4.4s ease-in-out forwards;
+      }
+      .sparkle-near {
+        transform-origin: 2.5px 6.5px;
+        animation: sparkle-near 4.4s ease-in-out forwards;
+      }
+      .sparkle-far {
+        transform-origin: 3.5px 4.5px;
+        animation: sparkle-far 4.4s ease-in-out forwards;
+      }
+
+      /* Breath: kick in after intro completes; gentle infinite up-down */
+      .breath-wrap {
+        animation: breath 4s infinite ease-in-out;
+        animation-delay: 4.4s;
+      }
+      @keyframes breath {
+        0%, 100% { transform: translateY(0); }
+        50%      { transform: translateY(-0.3px); }
+      }
+
+      /* Shake: JS toggles .shake on click; animationend removes the class */
+      .shake-slot {
+        transform-origin: 7.5px 10px;
+      }
+      .shake-slot.shake {
+        animation: shake 0.4s ease-in-out;
+      }
+      @keyframes shake {
+        0%, 100% { transform: rotate(0); }
+        20%      { transform: rotate(-3deg); }
+        60%      { transform: rotate(3deg); }
+        80%      { transform: rotate(-2deg); }
+      }
+
+      /* Right arm: idle → raise → hold → cool pose (freeze at translate(0.5,1)) */
+      @keyframes arm-right {
+        0%, 9%    { transform: none; }
+        15%, 33%  { transform: translateY(-3px) rotate(-90deg); }
+        45%, 73%  { transform: translate(-1px, -1px); }
+        82%, 100% { transform: translate(0.5px, 1px); }
+      }
+
+      /* Left arm: idle → hold → cool pose (freeze at translate(-0.5,1)) */
+      @keyframes arm-left {
+        0%, 27%   { transform: none; }
+        45%, 73%  { transform: translate(1px, -1px); }
+        82%, 100% { transform: translate(-0.5px, 1px); }
+      }
+
+      /* Glasses: invisible → summon → fly to face → display (freeze at translate(1.325,7.375) scale(0.65)) */
+      @keyframes glasses-fly {
+        0%, 15%   { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 0; }
+        22%, 33%  { transform: translate(10.15px, 3.25px) scale(0.3); opacity: 1; }
+        55%, 100% { transform: translate(1.325px, 7.375px) scale(0.65); opacity: 1; }
+      }
+
+      /* Mood: single head shake mid-intro → cool pose tilt (freeze at +1deg) */
+      @keyframes mood {
+        0%, 55%   { transform: rotate(0deg); }
+        60%       { transform: rotate(1deg); }
+        65%       { transform: rotate(-1deg); }
+        73%       { transform: rotate(0deg); }
+        82%, 100% { transform: rotate(1deg); }
+      }
+
+      /* Hand shadows: visible only during hold periods */
+      @keyframes shadow-fade {
+        0%, 40%   { opacity: 0; }
+        51%, 76%  { opacity: 1; }
+        87%, 100% { opacity: 0; }
+      }
+
+      /* Sparkle near (small, glasses corner): flashes mid-pose then fades */
+      @keyframes sparkle-near {
+        0%, 73%   { opacity: 0; transform: scale(0.4); }
+        75%       { opacity: 1; transform: scale(0.7); }
+        78%       { opacity: 0.7; transform: scale(0.5); }
+        80%, 100% { opacity: 0; transform: scale(0.4); }
+      }
+
+      /* Sparkle far (big, upper-left void): peaks late, faded before freeze */
+      @keyframes sparkle-far {
+        0%, 84%   { opacity: 0; transform: scale(0.5); }
+        87%       { opacity: 1; transform: scale(1.4); }
+        91%       { opacity: 0.9; transform: scale(1.2); }
+        96%, 100% { opacity: 0; transform: scale(0.6); }
+      }
+    </style>
+
+    <clipPath id="inside-torso">
+      <rect x="2" y="6" width="11" height="7"/>
+    </clipPath>
+  </defs>
+
+  <g class="shake-slot" id="shake-slot">
+    <rect id="ground-shadow" x="3" y="15" width="9" height="1" fill="#000000" opacity="0.5"/>
+
+    <g class="breath-wrap">
+      <g class="mood">
+        <g id="master-group">
+
+          <g id="legs" fill="#DE886D">
+            <rect x="3"  y="13" width="1" height="2"/>
+            <rect x="5"  y="13" width="1" height="2"/>
+            <rect x="9"  y="13" width="1" height="2"/>
+            <rect x="11" y="13" width="1" height="2"/>
+          </g>
+
+          <rect x="2" y="6" width="11" height="7" fill="#DE886D"/>
+
+          <g clip-path="url(#inside-torso)" class="shadow-fade">
+            <g class="arm-left-motion">
+              <rect x="0" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
+            </g>
+            <g class="arm-right-motion">
+              <rect x="12.6" y="9" width="2.4" height="2.4" fill="#A85A3A"/>
+            </g>
+          </g>
+
+          <g fill="#000000">
+            <rect x="4"  y="8" width="1" height="2"/>
+            <rect x="10" y="8" width="1" height="2"/>
+          </g>
+
+          <g class="glasses-fly">
+            <g fill="#000000">
+              <rect x="0"  y="0" width="19" height="1"/>
+              <rect x="0"  y="1" width="8"  height="1"/>
+              <rect x="11" y="1" width="8"  height="1"/>
+              <rect x="0"  y="2" width="8"  height="1"/>
+              <rect x="11" y="2" width="8"  height="1"/>
+              <rect x="1"  y="3" width="6"  height="1"/>
+              <rect x="12" y="3" width="6"  height="1"/>
+              <rect x="2"  y="4" width="4"  height="1"/>
+              <rect x="13" y="4" width="4"  height="1"/>
+            </g>
+            <g fill="#FFFFFF">
+              <rect x="5"  y="1" width="1" height="1"/>
+              <rect x="4"  y="2" width="1" height="1"/>
+              <rect x="16" y="1" width="1" height="1"/>
+              <rect x="15" y="2" width="1" height="1"/>
+            </g>
+          </g>
+
+          <g class="arm-left-motion">
+            <rect x="0" y="9" width="2" height="2" fill="#DE886D"/>
+          </g>
+
+          <g class="arm-right-motion">
+            <rect x="13" y="9" width="2" height="2" fill="#DE886D"/>
+          </g>
+
+          <g class="sparkle-near" fill="#FFFFFF">
+            <rect x="2" y="6" width="1" height="1"/>
+            <rect x="2" y="5" width="1" height="1"/>
+            <rect x="2" y="7" width="1" height="1"/>
+            <rect x="1" y="6" width="1" height="1"/>
+            <rect x="3" y="6" width="1" height="1"/>
+          </g>
+
+          <g class="sparkle-far" fill="#FFFFFF">
+            <rect x="3" y="4" width="1" height="1"/>
+            <rect x="3" y="3" width="1" height="1"/>
+            <rect x="3" y="5" width="1" height="1"/>
+            <rect x="2" y="4" width="1" height="1"/>
+            <rect x="4" y="4" width="1" height="1"/>
+          </g>
+
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>