justin/guitar-teacher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Connector lines 15px

Browse Source
This commit is contained in:
Sterling Archer
2026-06-13 21:45:20 -07:00
parent 1eb0e19673
commit 386d15b47d
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -10
View File
@@ -7,13 +7,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.23.2/babel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.23.2/babel.min.js"></script>
<style> <style>* { box-sizing: border-box; margin: 0; padding: 0; } body { background: #1A1A1F; font-family: sans-serif; } input::placeholder { color: #9A9490; } textarea::placeholder { color: #9A9490; } p + p { margin-top: 10px; }</style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #1A1A1F; font-family: sans-serif; }
input::placeholder { color: #9A9490; }
textarea::placeholder { color: #9A9490; }
p + p { margin-top: 10px; }
</style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -911,7 +905,7 @@ function LessonBody({ id, detected, onTarget, listening, onStartMic }) {
<div style={{position:"relative",display:"inline-block"}}> <div style={{position:"relative",display:"inline-block"}}>
{/* Gold numbers above fingers - positioned to align with emoji fingertips */} {/* Gold numbers above fingers - positioned to align with emoji fingertips */}
<div style={{display:"flex",justifyContent:"center",alignItems:"flex-end", <div style={{display:"flex",justifyContent:"center",alignItems:"flex-end",
gap:0,marginBottom:4,paddingLeft:18}}> gap:0,marginBottom:4,paddingLeft:48}}>
{[ {[
{num:"1", ml:0}, {num:"1", ml:0},
{num:"2", ml:8}, {num:"2", ml:8},
@@ -926,11 +920,11 @@ function LessonBody({ id, detected, onTarget, listening, onStartMic }) {
boxShadow:"0 0 10px rgba(212,168,71,0.4)"}}> boxShadow:"0 0 10px rgba(212,168,71,0.4)"}}>
{num} {num}
</div> </div>
<div style={{width:2,height:8,background:"rgba(212,168,71,0.4)",margin:"2px auto 0"}}/> <div style={{width:2,height:15,background:"rgba(212,168,71,0.4)",margin:"2px auto 0"}}/>
</div> </div>
))} ))}
</div> </div>
<div style={{fontSize:140,lineHeight:1}}>🤚</div> <div style={{fontSize:260,lineHeight:1}}>🤚</div>
</div> </div>
<div style={{display:"flex",justifyContent:"center",gap:16,marginTop:12,flexWrap:"wrap",paddingLeft:18}}> <div style={{display:"flex",justifyContent:"center",gap:16,marginTop:12,flexWrap:"wrap",paddingLeft:18}}>
{[["1","Index"],["2","Middle"],["3","Ring"],["4","Pinky"]].map(([num,name])=>( {[["1","Index"],["2","Middle"],["3","Ring"],["4","Pinky"]].map(([num,name])=>(