修：draw-ui / oil-motion 原被当子模块指针收录 ⇒ 改为正常文件入库（两份内容原先对别人是空的）
一、问题（本轮实测）
`draw-ui` 与 `oil-motion` 目录里**各自带一个内嵌 `.git`** ⇒ 上一次提交把它们记成了 **gitlink（子模块指针）**
⇒ 仓库里只存了一个不属于任何远端的 commit id，**别人克隆下来这两份是空的** ✗（`git status` 显示 ` m draw-ui` / ` m oil-motion` ＝ 子模块内容有改动）。
二、处置（可回退）
· 把两处的 `.git` **挪走**（⛔ 不是删除）⇒ `归档/内嵌git-20261008/{draw-ui,oil-motion}.git`；
· `git rm --cached` 掉那两个 gitlink，再 `git add` 两个目录 ⇒ **按正常文件入库**（内容才真的进仓库）。
三、副作用（如实记）
挪走 `.git` 后，这两个技能**不能再原地 `git pull` 取上游更新**（要更新得重新拉一份覆盖）；
如需恢复其本地仓库，把 `归档/内嵌git-20261008/` 里的 `.git` 挪回原处即可。
This commit is contained in:
admin committed
1 parent
e03465c398
commit
237a09a5b0
161 files changed
+19429
-2
No files matched your search
@@ -0,0 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="64" viewBox="0 0 420 64" role="img" aria-labelledby="title desc">
|
||||
<title id="title">README made with beautify-github-readme</title>
|
||||
<desc id="desc">A compact draw-ui styled credit linking to beautify-github-readme.</desc>
|
||||
<rect x=".5" y=".5" width="419" height="63" rx="14" fill="#F3F5F0" stroke="#D9DED7"/>
|
||||
<rect x="18" y="20" width="28" height="24" fill="#FFFFFF" stroke="#5B6BFF" stroke-width="1.6"/>
|
||||
<rect x="15.5" y="17.5" width="5" height="5" fill="#FF8A6E"/>
|
||||
<rect x="43.5" y="41.5" width="5" height="5" fill="#FF8A6E"/>
|
||||
<text x="62" y="25" fill="#737C78" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="10" font-weight="700" letter-spacing="1.7">README MADE WITH</text>
|
||||
<text x="62" y="47" fill="#19211F" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="15" font-weight="750">beautify-github-readme</text>
|
||||
<rect x="372" y="17" width="32" height="30" rx="9" fill="#5B6BFF"/>
|
||||
<path d="M382 37l11-11M386 26h7v7" fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 823 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="138" viewBox="0 0 1200 138" role="img" aria-label="03 开始前，先把页面讲清楚">
|
||||
<defs><pattern id="d" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.2" fill="#19211f" fill-opacity=".09"/></pattern></defs>
|
||||
<rect width="1200" height="138" rx="20" fill="#f3f5f0"/><rect width="1200" height="138" rx="20" fill="url(#d)"/>
|
||||
<text x="54" y="34" fill="#59635f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="16" font-weight="700" letter-spacing="2.7">UNDERSTAND THE PAGE FIRST</text><rect x="54" y="49" width="50" height="5" rx="3" fill="#ff8a6e"/>
|
||||
<text x="54" y="105" fill="#19211f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="42" font-weight="750">开始前，先把页面讲清楚</text>
|
||||
<g transform="translate(914 44)"><rect width="166" height="50" rx="15" fill="#fff" stroke="#19211f" stroke-opacity=".13"/><circle cx="27" cy="25" r="8" fill="#c7f46b"/><rect x="50" y="17" width="84" height="7" rx="4" fill="#19211f" fill-opacity=".18"/><rect x="50" y="30" width="55" height="6" rx="3" fill="#52c7c1" fill-opacity=".55"/></g>
|
||||
<text x="1090" y="103" fill="#19211f" fill-opacity=".13" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="72" font-weight="800">03</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="138" viewBox="0 0 1200 138" role="img" aria-label="05 怎么把设计稿还原成 HTML">
|
||||
<defs><pattern id="d" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.2" fill="#19211f" fill-opacity=".09"/></pattern></defs>
|
||||
<rect width="1200" height="138" rx="20" fill="#f3f5f0"/><rect width="1200" height="138" rx="20" fill="url(#d)"/>
|
||||
<text x="54" y="34" fill="#59635f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="16" font-weight="700" letter-spacing="2.7">STRUCTURE IN CODE · VISUALS AS ASSETS</text><rect x="54" y="49" width="50" height="5" rx="3" fill="#ff8a6e"/>
|
||||
<text x="54" y="105" fill="#19211f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="42" font-weight="750">怎么把设计稿还原成 HTML</text>
|
||||
<g transform="translate(920 42)"><rect width="72" height="54" rx="9" fill="#19211f"/><path d="M18 18l10 9-10 9M36 36h18" fill="none" stroke="#c7f46b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="88" width="72" height="54" rx="9" fill="#fff" stroke="#19211f" stroke-opacity=".14"/><circle cx="124" cy="20" r="8" fill="#ff8a6e"/><path d="M102 42l14-13 9 8 10-11 13 16z" fill="#52c7c1"/></g>
|
||||
<text x="1090" y="103" fill="#19211f" fill-opacity=".13" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="72" font-weight="800">05</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="138" viewBox="0 0 1200 138" role="img" aria-label="04 参考图决定模型会模仿什么">
|
||||
<defs><pattern id="d" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.2" fill="#19211f" fill-opacity=".09"/></pattern></defs>
|
||||
<rect width="1200" height="138" rx="20" fill="#f3f5f0"/><rect width="1200" height="138" rx="20" fill="url(#d)"/>
|
||||
<text x="54" y="34" fill="#59635f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="16" font-weight="700" letter-spacing="2.7">REFERENCE WITH INTENTION</text><rect x="54" y="49" width="50" height="5" rx="3" fill="#ff8a6e"/>
|
||||
<text x="54" y="105" fill="#19211f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="42" font-weight="750">参考图决定模型会模仿什么</text>
|
||||
<g transform="translate(918 39)"><rect width="82" height="60" rx="10" fill="#fff" stroke="#5b6bff" stroke-width="2"/><rect x="9" y="9" width="18" height="42" rx="5" fill="#5b6bff" fill-opacity=".22"/><rect x="35" y="10" width="36" height="7" rx="4" fill="#19211f" fill-opacity=".15"/><rect x="35" y="24" width="27" height="23" rx="5" fill="#c7f46b" fill-opacity=".65"/><path d="M98 30h42" stroke="#19211f" stroke-opacity=".34" stroke-width="3"/><path d="M133 23l9 7-9 7" fill="none" stroke="#19211f" stroke-opacity=".34" stroke-width="3"/></g>
|
||||
<text x="1090" y="103" fill="#19211f" fill-opacity=".13" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="72" font-weight="800">04</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="138" viewBox="0 0 1200 138" role="img" aria-label="06 怎么使用">
|
||||
<defs><pattern id="d" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.2" fill="#19211f" fill-opacity=".09"/></pattern></defs>
|
||||
<rect width="1200" height="138" rx="20" fill="#f3f5f0"/><rect width="1200" height="138" rx="20" fill="url(#d)"/>
|
||||
<text x="54" y="34" fill="#59635f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="16" font-weight="700" letter-spacing="2.7">INSTALL · DESCRIBE · DRAW</text><rect x="54" y="49" width="50" height="5" rx="3" fill="#ff8a6e"/>
|
||||
<text x="54" y="105" fill="#19211f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="42" font-weight="750">怎么使用</text>
|
||||
<g transform="translate(930 47)"><rect width="176" height="42" rx="13" fill="#19211f"/><path d="M26 15l9 6-9 6M44 27h18" fill="none" stroke="#f3f5f0" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="138" cy="21" r="6" fill="#ff8a6e"/><circle cx="156" cy="21" r="6" fill="#c7f46b"/></g>
|
||||
<text x="1090" y="103" fill="#19211f" fill-opacity=".13" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="72" font-weight="800">06</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="138" viewBox="0 0 1200 138" role="img" aria-label="02 draw-ui 是什么">
|
||||
<defs><pattern id="d" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1.2" fill="#19211f" fill-opacity=".09"/></pattern></defs>
|
||||
<rect width="1200" height="138" rx="20" fill="#f3f5f0"/><rect width="1200" height="138" rx="20" fill="url(#d)"/>
|
||||
<text x="54" y="34" fill="#59635f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="16" font-weight="700" letter-spacing="2.7">DESIGN MOCKUPS · REBUILD IN CODE</text><rect x="54" y="49" width="50" height="5" rx="3" fill="#ff8a6e"/>
|
||||
<text x="54" y="105" fill="#19211f" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif" font-size="42" font-weight="750">draw-ui 是什么</text>
|
||||
<g transform="translate(935 31)"><rect width="126" height="76" fill="#fff" stroke="#5b6bff" stroke-width="2"/><rect x="-5" y="-5" width="10" height="10" fill="#f3f5f0" stroke="#5b6bff"/><rect x="121" y="-5" width="10" height="10" fill="#f3f5f0" stroke="#5b6bff"/><rect x="-5" y="71" width="10" height="10" fill="#f3f5f0" stroke="#5b6bff"/><rect x="121" y="71" width="10" height="10" fill="#f3f5f0" stroke="#5b6bff"/></g>
|
||||
<text x="1090" y="103" fill="#19211f" fill-opacity=".13" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="72" font-weight="800">02</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@@ -0,0 +1,206 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<meta charset="utf-8">
|
||||
<title>draw-ui README hero</title>
|
||||
<style>
|
||||
:root {
|
||||
--ink: #19211f;
|
||||
--muted: #78817e;
|
||||
--paper: #f3f5f0;
|
||||
--lime: #c7f46b;
|
||||
--blue: #5b6bff;
|
||||
--coral: #ff8a6e;
|
||||
--aqua: #52c7c1;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
width: 1200px;
|
||||
height: 1200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--ink);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
width: 1200px;
|
||||
height: 1200px;
|
||||
overflow: hidden;
|
||||
border-radius: 32px;
|
||||
background:
|
||||
radial-gradient(circle at 1px 1px, rgba(25, 33, 31, .075) 1.2px, transparent 1.3px),
|
||||
var(--paper);
|
||||
background-size: 28px 28px;
|
||||
}
|
||||
|
||||
.copy {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
left: 72px;
|
||||
top: 58px;
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
color: #44504d;
|
||||
font-size: 18px;
|
||||
font-weight: 760;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 52px;
|
||||
height: 6px;
|
||||
margin-top: 16px;
|
||||
border-radius: 99px;
|
||||
background: var(--coral);
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 22px 0 0;
|
||||
font-size: 92px;
|
||||
line-height: .95;
|
||||
font-weight: 810;
|
||||
letter-spacing: -5px;
|
||||
}
|
||||
|
||||
.tagline {
|
||||
margin-top: 24px;
|
||||
font-size: 34px;
|
||||
line-height: 1.34;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.tagline strong {
|
||||
padding: 0 5px 1px;
|
||||
background: linear-gradient(transparent 48%, rgba(199, 244, 107, .64) 48%);
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.meta {
|
||||
margin-top: 22px;
|
||||
color: var(--muted);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
|
||||
.selection {
|
||||
position: absolute;
|
||||
z-index: 18;
|
||||
right: 78px;
|
||||
top: 70px;
|
||||
width: 218px;
|
||||
height: 160px;
|
||||
border: 2px solid var(--blue);
|
||||
background: rgba(255,255,255,.54);
|
||||
}
|
||||
|
||||
.selection i {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 2px solid var(--blue);
|
||||
background: var(--paper);
|
||||
}
|
||||
|
||||
.selection i:nth-child(1) { left: -7px; top: -7px; }
|
||||
.selection i:nth-child(2) { right: -7px; top: -7px; }
|
||||
.selection i:nth-child(3) { left: -7px; bottom: -7px; }
|
||||
.selection i:nth-child(4) { right: -7px; bottom: -7px; }
|
||||
|
||||
.selection::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 34px;
|
||||
top: 36px;
|
||||
width: 92px;
|
||||
height: 12px;
|
||||
border-radius: 99px;
|
||||
background: var(--lime);
|
||||
box-shadow: 0 28px 0 rgba(82,199,193,.46), 0 56px 0 rgba(255,138,110,.46);
|
||||
}
|
||||
|
||||
.cursor {
|
||||
position: absolute;
|
||||
z-index: 19;
|
||||
right: 48px;
|
||||
top: 200px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 28px solid var(--ink);
|
||||
border-right: 17px solid transparent;
|
||||
transform: rotate(-17deg);
|
||||
filter: drop-shadow(0 4px 5px rgba(25,33,31,.15));
|
||||
}
|
||||
|
||||
.screen {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
border: 10px solid #fff;
|
||||
border-radius: 20px;
|
||||
background: #fff;
|
||||
box-shadow: 0 12px 30px rgba(25, 33, 31, .10);
|
||||
}
|
||||
|
||||
.screen img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.orbit {
|
||||
z-index: 4;
|
||||
left: -58px;
|
||||
top: 432px;
|
||||
width: 760px;
|
||||
height: 438px;
|
||||
transform: rotate(-4.2deg);
|
||||
}
|
||||
|
||||
.field {
|
||||
z-index: 5;
|
||||
left: 396px;
|
||||
top: 700px;
|
||||
width: 780px;
|
||||
height: 438px;
|
||||
transform: rotate(3.2deg);
|
||||
}
|
||||
|
||||
.mobile {
|
||||
z-index: 8;
|
||||
right: 54px;
|
||||
top: 326px;
|
||||
width: 302px;
|
||||
height: 432px;
|
||||
transform: rotate(5deg);
|
||||
border-width: 9px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.mobile img { object-position: center top; }
|
||||
</style>
|
||||
<main class="hero">
|
||||
<section class="copy">
|
||||
<div class="eyebrow">OIL · UI DESIGN WORKFLOW</div>
|
||||
<div class="rule"></div>
|
||||
<h1>draw-ui</h1>
|
||||
<div class="tagline"><strong>先把页面想清楚，</strong><br>再把设计画出来。</div>
|
||||
<div class="meta">ASK · GENERATE · COMPARE · REBUILD</div>
|
||||
</section>
|
||||
|
||||
<div class="selection" aria-hidden="true"><i></i><i></i><i></i><i></i></div>
|
||||
<div class="cursor" aria-hidden="true"></div>
|
||||
|
||||
<figure class="screen orbit"><img src="../screens/orbit-analytics.png" alt=""></figure>
|
||||
<figure class="screen field"><img src="../screens/field-notes.png" alt=""></figure>
|
||||
<figure class="screen mobile"><img src="../screens/nori-mobile.png" alt=""></figure>
|
||||
</main>
|
||||
</html>
|
||||
Reference in new issue
Block a user