readme-aura 0.2.3 → 0.2.5
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.
- package/README.md +1 -1
- package/dist/templates/source-profile.js +106 -23
- package/dist/templates/source-profile.js.map +1 -1
- package/dist/templates/source-project.js +103 -26
- package/dist/templates/source-project.js.map +1 -1
- package/package.json +1 -1
- package/dist/templates/aura-hero-assets.d.ts +0 -3
- package/dist/templates/aura-hero-assets.js +0 -88
- package/dist/templates/aura-hero-assets.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[](https://www.npmjs.com/package/readme-aura)
|
|
2
2
|
|
|
3
3
|
Write custom **React/JSX components** directly inside your Markdown, and readme-aura will render them into beautiful SVGs that work on GitHub.
|
|
4
4
|
|
|
@@ -1,13 +1,102 @@
|
|
|
1
|
-
import { AURA_GLOW_SVG, AURA_KEYFRAMES_CSS } from './aura-hero-assets.js';
|
|
2
|
-
const BADGE = '[](https://github.com/collectioneur/readme-aura)';
|
|
3
1
|
export function generateSourceProfile(ctx) {
|
|
4
|
-
return
|
|
2
|
+
return `
|
|
3
|
+
|
|
4
|
+
\`\`\`aura width=860 height=200 link="https://collectioneur.github.io/readme-aura/"
|
|
5
|
+
<div style={{
|
|
6
|
+
width: '100%', height: '100%', background: '#08080c',
|
|
7
|
+
display: 'flex', alignItems: 'center', fontFamily: 'Inter',
|
|
8
|
+
position: 'relative', overflow: 'hidden', borderRadius: 16,
|
|
9
|
+
border: '1px solid rgba(110,80,220,0.18)'
|
|
10
|
+
}}>
|
|
11
|
+
|
|
12
|
+
<style>{\`
|
|
13
|
+
@keyframes float-slow {
|
|
14
|
+
0%, 100% { transform: translateX(0px); opacity: 0.8; }
|
|
15
|
+
50% { transform: translateX(350px); opacity: 1.2; }
|
|
16
|
+
}
|
|
17
|
+
@keyframes float-medium {
|
|
18
|
+
0%, 100% { transform: translateX(0px); opacity: 0.7; }
|
|
19
|
+
50% { transform: translateX(-250px); opacity: 1.1; }
|
|
20
|
+
}
|
|
21
|
+
@keyframes float-fast {
|
|
22
|
+
0%, 100% { transform: translateX(0px); opacity: 0.9; }
|
|
23
|
+
50% { transform: translateX(200px); opacity: 0.6; }
|
|
24
|
+
}
|
|
25
|
+
@keyframes float-diagonal {
|
|
26
|
+
0%, 100% { transform: translateX(0px); opacity: 0.75; }
|
|
27
|
+
50% { transform: translateX(300px); opacity: 1.0; }
|
|
28
|
+
}
|
|
29
|
+
@keyframes float-wave {
|
|
30
|
+
0%, 100% { transform: translateX(0px); opacity: 0.65; }
|
|
31
|
+
33% { transform: translateX(-160px); opacity: 0.9; }
|
|
32
|
+
66% { transform: translateX(80px); opacity: 1.0; }
|
|
33
|
+
}
|
|
34
|
+
@keyframes float-pulse {
|
|
35
|
+
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
36
|
+
50% { transform: scale(1.3); opacity: 0.4; }
|
|
37
|
+
}
|
|
38
|
+
#glow-1 { animation: float-slow 8s ease-in-out infinite; }
|
|
39
|
+
#glow-2 { animation: float-medium 12s ease-in-out infinite; }
|
|
40
|
+
#glow-3 { animation: float-fast 9s ease-in-out infinite; }
|
|
41
|
+
#glow-4 { animation: float-slow 11s ease-in-out infinite reverse; }
|
|
42
|
+
#glow-5 { animation: float-medium 14s ease-in-out infinite reverse; }
|
|
43
|
+
#glow-6 { animation: float-diagonal 10s ease-in-out infinite; }
|
|
44
|
+
#glow-7 { animation: float-wave 13s ease-in-out infinite; }
|
|
45
|
+
#glow-8 { animation: float-pulse 7s ease-in-out infinite; }
|
|
46
|
+
\`}</style>
|
|
47
|
+
|
|
48
|
+
<svg width="860" height="200" style={{ position: 'absolute', top: 0, left: 0 }}>
|
|
49
|
+
<defs>
|
|
50
|
+
<radialGradient id="g1" cx="50%" cy="50%" r="50%">
|
|
51
|
+
<stop offset="0%" stopColor="rgba(110,20,210,0.72)" />
|
|
52
|
+
<stop offset="40%" stopColor="rgba(90,15,180,0.35)" />
|
|
53
|
+
<stop offset="70%" stopColor="rgba(90,15,180,0)" />
|
|
54
|
+
</radialGradient>
|
|
55
|
+
<radialGradient id="g2" cx="50%" cy="50%" r="50%">
|
|
56
|
+
<stop offset="0%" stopColor="rgba(40,60,255,0.6)" />
|
|
57
|
+
<stop offset="45%" stopColor="rgba(30,50,200,0.25)" />
|
|
58
|
+
<stop offset="70%" stopColor="rgba(30,50,200,0)" />
|
|
59
|
+
</radialGradient>
|
|
60
|
+
<radialGradient id="g3" cx="50%" cy="50%" r="50%">
|
|
61
|
+
<stop offset="0%" stopColor="rgba(0,130,255,0.45)" />
|
|
62
|
+
<stop offset="50%" stopColor="rgba(0,100,220,0.18)" />
|
|
63
|
+
<stop offset="70%" stopColor="rgba(0,100,220,0)" />
|
|
64
|
+
</radialGradient>
|
|
65
|
+
<radialGradient id="g4" cx="50%" cy="50%" r="50%">
|
|
66
|
+
<stop offset="0%" stopColor="rgba(0,190,230,0.32)" />
|
|
67
|
+
<stop offset="70%" stopColor="rgba(0,190,230,0)" />
|
|
68
|
+
</radialGradient>
|
|
69
|
+
<radialGradient id="g5" cx="50%" cy="50%" r="50%">
|
|
70
|
+
<stop offset="0%" stopColor="rgba(90,30,200,0.38)" />
|
|
71
|
+
<stop offset="70%" stopColor="rgba(90,30,200,0)" />
|
|
72
|
+
</radialGradient>
|
|
73
|
+
<radialGradient id="g6" cx="50%" cy="50%" r="50%">
|
|
74
|
+
<stop offset="0%" stopColor="rgba(160,30,255,0.55)" />
|
|
75
|
+
<stop offset="45%" stopColor="rgba(130,20,220,0.22)" />
|
|
76
|
+
<stop offset="70%" stopColor="rgba(130,20,220,0)" />
|
|
77
|
+
</radialGradient>
|
|
78
|
+
<radialGradient id="g7" cx="50%" cy="50%" r="50%">
|
|
79
|
+
<stop offset="0%" stopColor="rgba(20,60,255,0.42)" />
|
|
80
|
+
<stop offset="50%" stopColor="rgba(10,40,200,0.16)" />
|
|
81
|
+
<stop offset="70%" stopColor="rgba(10,40,200,0)" />
|
|
82
|
+
</radialGradient>
|
|
83
|
+
<radialGradient id="g8" cx="50%" cy="50%" r="50%">
|
|
84
|
+
<stop offset="0%" stopColor="rgba(0,170,255,0.40)" />
|
|
85
|
+
<stop offset="50%" stopColor="rgba(0,130,220,0.15)" />
|
|
86
|
+
<stop offset="70%" stopColor="rgba(0,130,220,0)" />
|
|
87
|
+
</radialGradient>
|
|
88
|
+
</defs>
|
|
89
|
+
|
|
90
|
+
<ellipse id="glow-1" cx="180" cy="230" rx="260" ry="190" fill="url(#g1)" />
|
|
91
|
+
<ellipse id="glow-2" cx="300" cy="240" rx="220" ry="160" fill="url(#g2)" />
|
|
92
|
+
<ellipse id="glow-3" cx="420" cy="240" rx="180" ry="140" fill="url(#g3)" />
|
|
93
|
+
<ellipse id="glow-4" cx="550" cy="250" rx="150" ry="120" fill="url(#g4)" />
|
|
94
|
+
<ellipse id="glow-5" cx="750" cy="250" rx="130" ry="110" fill="url(#g5)" />
|
|
95
|
+
<ellipse id="glow-6" cx="300" cy="240" rx="180" ry="140" fill="url(#g6)" />
|
|
96
|
+
<ellipse id="glow-7" cx="490" cy="230" rx="220" ry="170" fill="url(#g7)" />
|
|
97
|
+
<ellipse id="glow-8" cx="590" cy="250" rx="150" ry="130" fill="url(#g8)" />
|
|
98
|
+
</svg>
|
|
5
99
|
|
|
6
|
-
\`\`\`aura width=860 height=248
|
|
7
|
-
<div style={{ width: '100%', height: '100%', background: '#08080c', display: 'flex', flexDirection: 'column', fontFamily: 'Inter', position: 'relative', overflow: 'hidden', borderRadius: 16, border: '1px solid rgba(110,80,220,0.18)' }}>
|
|
8
|
-
<div style={{ flex: 1, width: '100%', position: 'relative', minHeight: 180, overflow: 'hidden', display: 'flex', alignItems: 'center' }}>
|
|
9
|
-
<style>{\`${AURA_KEYFRAMES_CSS}\`}</style>
|
|
10
|
-
${AURA_GLOW_SVG}
|
|
11
100
|
<div style={{
|
|
12
101
|
position: 'absolute', left: 48, top: 52, width: 96, height: 96,
|
|
13
102
|
borderRadius: 48, background: 'linear-gradient(135deg, #6622ee, #0088ff)',
|
|
@@ -16,17 +105,17 @@ export function generateSourceProfile(ctx) {
|
|
|
16
105
|
<img src={github?.user?.avatarUrl ?? 'https://github.com/${ctx.owner}.png'} width={88} height={88} style={{ borderRadius: 44 }} />
|
|
17
106
|
</div>
|
|
18
107
|
|
|
19
|
-
<div style={{ display:'flex', flexDirection:'column', marginLeft:168, gap:8 }}>
|
|
108
|
+
<div style={{ display:'flex', flexDirection:'column', marginLeft:168, gap:8, zIndex: 10 }}>
|
|
20
109
|
<div style={{ display:'flex', fontSize:38, fontWeight:800, color:'#ffffff', letterSpacing:'-1px', lineHeight:1 }}>
|
|
21
|
-
{github?.user?.name || github?.user?.login || '${ctx.owner}'}
|
|
110
|
+
{github?.user?.name || github?.user?.login || '${ctx.owner}' || 'Name'}
|
|
22
111
|
</div>
|
|
23
112
|
<div style={{ display:'flex', fontSize:15, color:'rgba(180,165,255,0.8)', fontWeight:400, letterSpacing:'0.3px' }}>
|
|
24
|
-
{github?.user?.bio || '
|
|
113
|
+
{github?.user?.bio || 'Put here your bio'}
|
|
25
114
|
</div>
|
|
26
115
|
<div style={{ display:'flex', gap:8, marginTop:6, flexWrap: 'wrap' }}>
|
|
27
116
|
{((github && github.languages && github.languages.length > 0)
|
|
28
117
|
? github.languages.slice(0, 4).map(function(l) { return l.name; })
|
|
29
|
-
: ['
|
|
118
|
+
: ['readme-aura', 'other technologies']
|
|
30
119
|
).map(function(tag, i) {
|
|
31
120
|
return (
|
|
32
121
|
<div key={tag + '-' + i} style={{
|
|
@@ -38,20 +127,14 @@ export function generateSourceProfile(ctx) {
|
|
|
38
127
|
})}
|
|
39
128
|
</div>
|
|
40
129
|
</div>
|
|
41
|
-
</div>
|
|
42
|
-
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', paddingBottom: 10, paddingTop: 4 }}>
|
|
43
|
-
<span style={{ fontSize: 11, color: 'rgba(150,140,200,0.55)', fontWeight: 500, letterSpacing: '0.4px' }}>powered by readme-aura</span>
|
|
44
|
-
</div>
|
|
45
130
|
</div>
|
|
46
131
|
\`\`\`
|
|
47
132
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
Check out my pinned repositories below.
|
|
133
|
+
\`\`\`aura width=860 height=22 link="https://collectioneur.github.io/readme-aura/"
|
|
134
|
+
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%', padding: 0, margin: 0 }}>
|
|
135
|
+
<span style={{ fontSize: 12, lineHeight: 1, color: 'rgba(150,140,200,0.55)', fontWeight: 500, letterSpacing: '0.4px' }}>powered by readme-aura</span>
|
|
136
|
+
</div>
|
|
137
|
+
\`\`\`
|
|
55
138
|
`;
|
|
56
139
|
}
|
|
57
140
|
//# sourceMappingURL=source-profile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"source-profile.js","sourceRoot":"","sources":["../../src/templates/source-profile.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"source-profile.js","sourceRoot":"","sources":["../../src/templates/source-profile.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,qBAAqB,CAAC,GAAoB;IACxD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuGsD,GAAG,CAAC,KAAK;;;;;uDAKjB,GAAG,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B/D,CAAC;AACF,CAAC"}
|
|
@@ -1,13 +1,102 @@
|
|
|
1
|
-
import { AURA_GLOW_SVG, AURA_KEYFRAMES_CSS } from './aura-hero-assets.js';
|
|
2
|
-
const BADGE = '[](https://github.com/collectioneur/readme-aura)';
|
|
3
1
|
export function generateSourceProject(ctx) {
|
|
4
|
-
return
|
|
2
|
+
return `
|
|
3
|
+
|
|
4
|
+
\`\`\`aura width=860 height=200 link="https://collectioneur.github.io/readme-aura/"
|
|
5
|
+
<div style={{
|
|
6
|
+
width: '100%', height: '100%', background: '#08080c',
|
|
7
|
+
display: 'flex', alignItems: 'center', fontFamily: 'Inter',
|
|
8
|
+
position: 'relative', overflow: 'hidden', borderRadius: 16,
|
|
9
|
+
border: '1px solid rgba(110,80,220,0.18)'
|
|
10
|
+
}}>
|
|
11
|
+
|
|
12
|
+
<style>{\`
|
|
13
|
+
@keyframes float-slow {
|
|
14
|
+
0%, 100% { transform: translateX(0px); opacity: 0.8; }
|
|
15
|
+
50% { transform: translateX(350px); opacity: 1.2; }
|
|
16
|
+
}
|
|
17
|
+
@keyframes float-medium {
|
|
18
|
+
0%, 100% { transform: translateX(0px); opacity: 0.7; }
|
|
19
|
+
50% { transform: translateX(-250px); opacity: 1.1; }
|
|
20
|
+
}
|
|
21
|
+
@keyframes float-fast {
|
|
22
|
+
0%, 100% { transform: translateX(0px); opacity: 0.9; }
|
|
23
|
+
50% { transform: translateX(200px); opacity: 0.6; }
|
|
24
|
+
}
|
|
25
|
+
@keyframes float-diagonal {
|
|
26
|
+
0%, 100% { transform: translateX(0px); opacity: 0.75; }
|
|
27
|
+
50% { transform: translateX(300px); opacity: 1.0; }
|
|
28
|
+
}
|
|
29
|
+
@keyframes float-wave {
|
|
30
|
+
0%, 100% { transform: translateX(0px); opacity: 0.65; }
|
|
31
|
+
33% { transform: translateX(-160px); opacity: 0.9; }
|
|
32
|
+
66% { transform: translateX(80px); opacity: 1.0; }
|
|
33
|
+
}
|
|
34
|
+
@keyframes float-pulse {
|
|
35
|
+
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
36
|
+
50% { transform: scale(1.3); opacity: 0.4; }
|
|
37
|
+
}
|
|
38
|
+
#glow-1 { animation: float-slow 8s ease-in-out infinite; }
|
|
39
|
+
#glow-2 { animation: float-medium 12s ease-in-out infinite; }
|
|
40
|
+
#glow-3 { animation: float-fast 9s ease-in-out infinite; }
|
|
41
|
+
#glow-4 { animation: float-slow 11s ease-in-out infinite reverse; }
|
|
42
|
+
#glow-5 { animation: float-medium 14s ease-in-out infinite reverse; }
|
|
43
|
+
#glow-6 { animation: float-diagonal 10s ease-in-out infinite; }
|
|
44
|
+
#glow-7 { animation: float-wave 13s ease-in-out infinite; }
|
|
45
|
+
#glow-8 { animation: float-pulse 7s ease-in-out infinite; }
|
|
46
|
+
\`}</style>
|
|
47
|
+
|
|
48
|
+
<svg width="860" height="200" style={{ position: 'absolute', top: 0, left: 0 }}>
|
|
49
|
+
<defs>
|
|
50
|
+
<radialGradient id="g1" cx="50%" cy="50%" r="50%">
|
|
51
|
+
<stop offset="0%" stopColor="rgba(110,20,210,0.72)" />
|
|
52
|
+
<stop offset="40%" stopColor="rgba(90,15,180,0.35)" />
|
|
53
|
+
<stop offset="70%" stopColor="rgba(90,15,180,0)" />
|
|
54
|
+
</radialGradient>
|
|
55
|
+
<radialGradient id="g2" cx="50%" cy="50%" r="50%">
|
|
56
|
+
<stop offset="0%" stopColor="rgba(40,60,255,0.6)" />
|
|
57
|
+
<stop offset="45%" stopColor="rgba(30,50,200,0.25)" />
|
|
58
|
+
<stop offset="70%" stopColor="rgba(30,50,200,0)" />
|
|
59
|
+
</radialGradient>
|
|
60
|
+
<radialGradient id="g3" cx="50%" cy="50%" r="50%">
|
|
61
|
+
<stop offset="0%" stopColor="rgba(0,130,255,0.45)" />
|
|
62
|
+
<stop offset="50%" stopColor="rgba(0,100,220,0.18)" />
|
|
63
|
+
<stop offset="70%" stopColor="rgba(0,100,220,0)" />
|
|
64
|
+
</radialGradient>
|
|
65
|
+
<radialGradient id="g4" cx="50%" cy="50%" r="50%">
|
|
66
|
+
<stop offset="0%" stopColor="rgba(0,190,230,0.32)" />
|
|
67
|
+
<stop offset="70%" stopColor="rgba(0,190,230,0)" />
|
|
68
|
+
</radialGradient>
|
|
69
|
+
<radialGradient id="g5" cx="50%" cy="50%" r="50%">
|
|
70
|
+
<stop offset="0%" stopColor="rgba(90,30,200,0.38)" />
|
|
71
|
+
<stop offset="70%" stopColor="rgba(90,30,200,0)" />
|
|
72
|
+
</radialGradient>
|
|
73
|
+
<radialGradient id="g6" cx="50%" cy="50%" r="50%">
|
|
74
|
+
<stop offset="0%" stopColor="rgba(160,30,255,0.55)" />
|
|
75
|
+
<stop offset="45%" stopColor="rgba(130,20,220,0.22)" />
|
|
76
|
+
<stop offset="70%" stopColor="rgba(130,20,220,0)" />
|
|
77
|
+
</radialGradient>
|
|
78
|
+
<radialGradient id="g7" cx="50%" cy="50%" r="50%">
|
|
79
|
+
<stop offset="0%" stopColor="rgba(20,60,255,0.42)" />
|
|
80
|
+
<stop offset="50%" stopColor="rgba(10,40,200,0.16)" />
|
|
81
|
+
<stop offset="70%" stopColor="rgba(10,40,200,0)" />
|
|
82
|
+
</radialGradient>
|
|
83
|
+
<radialGradient id="g8" cx="50%" cy="50%" r="50%">
|
|
84
|
+
<stop offset="0%" stopColor="rgba(0,170,255,0.40)" />
|
|
85
|
+
<stop offset="50%" stopColor="rgba(0,130,220,0.15)" />
|
|
86
|
+
<stop offset="70%" stopColor="rgba(0,130,220,0)" />
|
|
87
|
+
</radialGradient>
|
|
88
|
+
</defs>
|
|
89
|
+
|
|
90
|
+
<ellipse id="glow-1" cx="180" cy="230" rx="260" ry="190" fill="url(#g1)" />
|
|
91
|
+
<ellipse id="glow-2" cx="300" cy="240" rx="220" ry="160" fill="url(#g2)" />
|
|
92
|
+
<ellipse id="glow-3" cx="420" cy="240" rx="180" ry="140" fill="url(#g3)" />
|
|
93
|
+
<ellipse id="glow-4" cx="550" cy="250" rx="150" ry="120" fill="url(#g4)" />
|
|
94
|
+
<ellipse id="glow-5" cx="750" cy="250" rx="130" ry="110" fill="url(#g5)" />
|
|
95
|
+
<ellipse id="glow-6" cx="300" cy="240" rx="180" ry="140" fill="url(#g6)" />
|
|
96
|
+
<ellipse id="glow-7" cx="490" cy="230" rx="220" ry="170" fill="url(#g7)" />
|
|
97
|
+
<ellipse id="glow-8" cx="590" cy="250" rx="150" ry="130" fill="url(#g8)" />
|
|
98
|
+
</svg>
|
|
5
99
|
|
|
6
|
-
\`\`\`aura width=860 height=248
|
|
7
|
-
<div style={{ width: '100%', height: '100%', background: '#08080c', display: 'flex', flexDirection: 'column', fontFamily: 'Inter', position: 'relative', overflow: 'hidden', borderRadius: 16, border: '1px solid rgba(110,80,220,0.18)' }}>
|
|
8
|
-
<div style={{ flex: 1, width: '100%', position: 'relative', minHeight: 180, overflow: 'hidden', display: 'flex', alignItems: 'center' }}>
|
|
9
|
-
<style>{\`${AURA_KEYFRAMES_CSS}\`}</style>
|
|
10
|
-
${AURA_GLOW_SVG}
|
|
11
100
|
<div style={{
|
|
12
101
|
position: 'absolute', left: 48, top: 52, width: 96, height: 96,
|
|
13
102
|
borderRadius: 48, background: 'linear-gradient(135deg, #6622ee, #0088ff)',
|
|
@@ -16,9 +105,9 @@ export function generateSourceProject(ctx) {
|
|
|
16
105
|
<img src={github?.user?.avatarUrl ?? 'https://github.com/${ctx.owner}.png'} width={88} height={88} style={{ borderRadius: 44 }} />
|
|
17
106
|
</div>
|
|
18
107
|
|
|
19
|
-
<div style={{ display:'flex', flexDirection:'column', marginLeft:168, gap:8 }}>
|
|
108
|
+
<div style={{ display:'flex', flexDirection:'column', marginLeft:168, gap:8, zIndex: 10 }}>
|
|
20
109
|
<div style={{ display:'flex', fontSize:38, fontWeight:800, color:'#ffffff', letterSpacing:'-1px', lineHeight:1 }}>
|
|
21
|
-
{repo?.name || '${ctx.repo}'}
|
|
110
|
+
{repo?.name || '${ctx.repo}' || 'Project Name'}
|
|
22
111
|
</div>
|
|
23
112
|
<div style={{ display:'flex', fontSize:15, color:'rgba(180,165,255,0.8)', fontWeight:400, letterSpacing:'0.3px' }}>
|
|
24
113
|
{repo?.description || 'Add your project description here'}
|
|
@@ -40,26 +129,14 @@ export function generateSourceProject(ctx) {
|
|
|
40
129
|
})}
|
|
41
130
|
</div>
|
|
42
131
|
</div>
|
|
43
|
-
</div>
|
|
44
|
-
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', paddingBottom: 10, paddingTop: 4 }}>
|
|
45
|
-
<span style={{ fontSize: 11, color: 'rgba(150,140,200,0.55)', fontWeight: 500, letterSpacing: '0.4px' }}>powered by readme-aura</span>
|
|
46
|
-
</div>
|
|
47
132
|
</div>
|
|
48
133
|
\`\`\`
|
|
49
134
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
135
|
+
\`\`\`aura width=860 height=22 link="https://collectioneur.github.io/readme-aura/"
|
|
136
|
+
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%', padding: 0, margin: 0 }}>
|
|
137
|
+
<span style={{ fontSize: 12, lineHeight: 1, color: 'rgba(150,140,200,0.55)', fontWeight: 500, letterSpacing: '0.4px' }}>powered by readme-aura</span>
|
|
138
|
+
</div>
|
|
54
139
|
\`\`\`
|
|
55
|
-
|
|
56
|
-
## Usage
|
|
57
|
-
|
|
58
|
-
Describe how to use your project here.
|
|
59
|
-
|
|
60
|
-
## License
|
|
61
|
-
|
|
62
|
-
MIT
|
|
63
140
|
`;
|
|
64
141
|
}
|
|
65
142
|
//# sourceMappingURL=source-project.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"source-project.js","sourceRoot":"","sources":["../../src/templates/source-project.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"source-project.js","sourceRoot":"","sources":["../../src/templates/source-project.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,qBAAqB,CAAC,GAAoB;IACxD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuGsD,GAAG,CAAC,KAAK;;;;;wBAKhD,GAAG,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B/B,CAAC;AACF,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/** Shared glow SVG + keyframes CSS for profile/project readme.source.md hero blocks. */
|
|
2
|
-
export declare const AURA_KEYFRAMES_CSS = "\n @keyframes float-slow {\n 0%, 100% { transform: translateX(0px); opacity: 0.8; }\n 50% { transform: translateX(350px); opacity: 1.2; }\n }\n @keyframes float-medium {\n 0%, 100% { transform: translateX(0px); opacity: 0.7; }\n 50% { transform: translateX(-250px); opacity: 1.1; }\n }\n @keyframes float-fast {\n 0%, 100% { transform: translateX(0px); opacity: 0.9; }\n 50% { transform: translateX(200px); opacity: 0.6; }\n }\n @keyframes float-diagonal {\n 0%, 100% { transform: translateX(0px); opacity: 0.75; }\n 50% { transform: translateX(300px); opacity: 1.0; }\n }\n @keyframes float-wave {\n 0%, 100% { transform: translateX(0px); opacity: 0.65; }\n 33% { transform: translateX(-160px); opacity: 0.9; }\n 66% { transform: translateX(80px); opacity: 1.0; }\n }\n @keyframes float-pulse {\n 0%, 100% { transform: scale(1); opacity: 0.8; }\n 50% { transform: scale(1.3); opacity: 0.4; }\n }\n #glow-1 { animation: float-slow 8s ease-in-out infinite; }\n #glow-2 { animation: float-medium 12s ease-in-out infinite; }\n #glow-3 { animation: float-fast 9s ease-in-out infinite; }\n #glow-4 { animation: float-slow 11s ease-in-out infinite reverse; }\n #glow-5 { animation: float-medium 14s ease-in-out infinite reverse; }\n #glow-6 { animation: float-diagonal 10s ease-in-out infinite; }\n #glow-7 { animation: float-wave 13s ease-in-out infinite; }\n #glow-8 { animation: float-pulse 7s ease-in-out infinite; }\n ";
|
|
3
|
-
export declare const AURA_GLOW_SVG = "<svg width=\"860\" height=\"200\" style={{ position: 'absolute', top: 0, left: 0 }}>\n <defs>\n <radialGradient id=\"g1\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(110,20,210,0.72)\" />\n <stop offset=\"40%\" stopColor=\"rgba(90,15,180,0.35)\" />\n <stop offset=\"70%\" stopColor=\"rgba(90,15,180,0)\" />\n </radialGradient>\n <radialGradient id=\"g2\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(40,60,255,0.6)\" />\n <stop offset=\"45%\" stopColor=\"rgba(30,50,200,0.25)\" />\n <stop offset=\"70%\" stopColor=\"rgba(30,50,200,0)\" />\n </radialGradient>\n <radialGradient id=\"g3\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(0,130,255,0.45)\" />\n <stop offset=\"50%\" stopColor=\"rgba(0,100,220,0.18)\" />\n <stop offset=\"70%\" stopColor=\"rgba(0,100,220,0)\" />\n </radialGradient>\n <radialGradient id=\"g4\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(0,190,230,0.32)\" />\n <stop offset=\"70%\" stopColor=\"rgba(0,190,230,0)\" />\n </radialGradient>\n <radialGradient id=\"g5\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(90,30,200,0.38)\" />\n <stop offset=\"70%\" stopColor=\"rgba(90,30,200,0)\" />\n </radialGradient>\n <radialGradient id=\"g6\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(160,30,255,0.55)\" />\n <stop offset=\"45%\" stopColor=\"rgba(130,20,220,0.22)\" />\n <stop offset=\"70%\" stopColor=\"rgba(130,20,220,0)\" />\n </radialGradient>\n <radialGradient id=\"g7\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(20,60,255,0.42)\" />\n <stop offset=\"50%\" stopColor=\"rgba(10,40,200,0.16)\" />\n <stop offset=\"70%\" stopColor=\"rgba(10,40,200,0)\" />\n </radialGradient>\n <radialGradient id=\"g8\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stopColor=\"rgba(0,170,255,0.40)\" />\n <stop offset=\"50%\" stopColor=\"rgba(0,130,220,0.15)\" />\n <stop offset=\"70%\" stopColor=\"rgba(0,130,220,0)\" />\n </radialGradient>\n </defs>\n\n <ellipse id=\"glow-1\" cx=\"180\" cy=\"230\" rx=\"260\" ry=\"190\" fill=\"url(#g1)\" />\n <ellipse id=\"glow-2\" cx=\"300\" cy=\"240\" rx=\"220\" ry=\"160\" fill=\"url(#g2)\" />\n <ellipse id=\"glow-3\" cx=\"420\" cy=\"240\" rx=\"180\" ry=\"140\" fill=\"url(#g3)\" />\n <ellipse id=\"glow-4\" cx=\"550\" cy=\"250\" rx=\"150\" ry=\"120\" fill=\"url(#g4)\" />\n <ellipse id=\"glow-5\" cx=\"750\" cy=\"250\" rx=\"130\" ry=\"110\" fill=\"url(#g5)\" />\n <ellipse id=\"glow-6\" cx=\"300\" cy=\"240\" rx=\"180\" ry=\"140\" fill=\"url(#g6)\" />\n <ellipse id=\"glow-7\" cx=\"490\" cy=\"230\" rx=\"220\" ry=\"170\" fill=\"url(#g7)\" />\n <ellipse id=\"glow-8\" cx=\"590\" cy=\"250\" rx=\"150\" ry=\"130\" fill=\"url(#g8)\" />\n </svg>";
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/** Shared glow SVG + keyframes CSS for profile/project readme.source.md hero blocks. */
|
|
2
|
-
export const AURA_KEYFRAMES_CSS = `
|
|
3
|
-
@keyframes float-slow {
|
|
4
|
-
0%, 100% { transform: translateX(0px); opacity: 0.8; }
|
|
5
|
-
50% { transform: translateX(350px); opacity: 1.2; }
|
|
6
|
-
}
|
|
7
|
-
@keyframes float-medium {
|
|
8
|
-
0%, 100% { transform: translateX(0px); opacity: 0.7; }
|
|
9
|
-
50% { transform: translateX(-250px); opacity: 1.1; }
|
|
10
|
-
}
|
|
11
|
-
@keyframes float-fast {
|
|
12
|
-
0%, 100% { transform: translateX(0px); opacity: 0.9; }
|
|
13
|
-
50% { transform: translateX(200px); opacity: 0.6; }
|
|
14
|
-
}
|
|
15
|
-
@keyframes float-diagonal {
|
|
16
|
-
0%, 100% { transform: translateX(0px); opacity: 0.75; }
|
|
17
|
-
50% { transform: translateX(300px); opacity: 1.0; }
|
|
18
|
-
}
|
|
19
|
-
@keyframes float-wave {
|
|
20
|
-
0%, 100% { transform: translateX(0px); opacity: 0.65; }
|
|
21
|
-
33% { transform: translateX(-160px); opacity: 0.9; }
|
|
22
|
-
66% { transform: translateX(80px); opacity: 1.0; }
|
|
23
|
-
}
|
|
24
|
-
@keyframes float-pulse {
|
|
25
|
-
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
26
|
-
50% { transform: scale(1.3); opacity: 0.4; }
|
|
27
|
-
}
|
|
28
|
-
#glow-1 { animation: float-slow 8s ease-in-out infinite; }
|
|
29
|
-
#glow-2 { animation: float-medium 12s ease-in-out infinite; }
|
|
30
|
-
#glow-3 { animation: float-fast 9s ease-in-out infinite; }
|
|
31
|
-
#glow-4 { animation: float-slow 11s ease-in-out infinite reverse; }
|
|
32
|
-
#glow-5 { animation: float-medium 14s ease-in-out infinite reverse; }
|
|
33
|
-
#glow-6 { animation: float-diagonal 10s ease-in-out infinite; }
|
|
34
|
-
#glow-7 { animation: float-wave 13s ease-in-out infinite; }
|
|
35
|
-
#glow-8 { animation: float-pulse 7s ease-in-out infinite; }
|
|
36
|
-
`;
|
|
37
|
-
export const AURA_GLOW_SVG = `<svg width="860" height="200" style={{ position: 'absolute', top: 0, left: 0 }}>
|
|
38
|
-
<defs>
|
|
39
|
-
<radialGradient id="g1" cx="50%" cy="50%" r="50%">
|
|
40
|
-
<stop offset="0%" stopColor="rgba(110,20,210,0.72)" />
|
|
41
|
-
<stop offset="40%" stopColor="rgba(90,15,180,0.35)" />
|
|
42
|
-
<stop offset="70%" stopColor="rgba(90,15,180,0)" />
|
|
43
|
-
</radialGradient>
|
|
44
|
-
<radialGradient id="g2" cx="50%" cy="50%" r="50%">
|
|
45
|
-
<stop offset="0%" stopColor="rgba(40,60,255,0.6)" />
|
|
46
|
-
<stop offset="45%" stopColor="rgba(30,50,200,0.25)" />
|
|
47
|
-
<stop offset="70%" stopColor="rgba(30,50,200,0)" />
|
|
48
|
-
</radialGradient>
|
|
49
|
-
<radialGradient id="g3" cx="50%" cy="50%" r="50%">
|
|
50
|
-
<stop offset="0%" stopColor="rgba(0,130,255,0.45)" />
|
|
51
|
-
<stop offset="50%" stopColor="rgba(0,100,220,0.18)" />
|
|
52
|
-
<stop offset="70%" stopColor="rgba(0,100,220,0)" />
|
|
53
|
-
</radialGradient>
|
|
54
|
-
<radialGradient id="g4" cx="50%" cy="50%" r="50%">
|
|
55
|
-
<stop offset="0%" stopColor="rgba(0,190,230,0.32)" />
|
|
56
|
-
<stop offset="70%" stopColor="rgba(0,190,230,0)" />
|
|
57
|
-
</radialGradient>
|
|
58
|
-
<radialGradient id="g5" cx="50%" cy="50%" r="50%">
|
|
59
|
-
<stop offset="0%" stopColor="rgba(90,30,200,0.38)" />
|
|
60
|
-
<stop offset="70%" stopColor="rgba(90,30,200,0)" />
|
|
61
|
-
</radialGradient>
|
|
62
|
-
<radialGradient id="g6" cx="50%" cy="50%" r="50%">
|
|
63
|
-
<stop offset="0%" stopColor="rgba(160,30,255,0.55)" />
|
|
64
|
-
<stop offset="45%" stopColor="rgba(130,20,220,0.22)" />
|
|
65
|
-
<stop offset="70%" stopColor="rgba(130,20,220,0)" />
|
|
66
|
-
</radialGradient>
|
|
67
|
-
<radialGradient id="g7" cx="50%" cy="50%" r="50%">
|
|
68
|
-
<stop offset="0%" stopColor="rgba(20,60,255,0.42)" />
|
|
69
|
-
<stop offset="50%" stopColor="rgba(10,40,200,0.16)" />
|
|
70
|
-
<stop offset="70%" stopColor="rgba(10,40,200,0)" />
|
|
71
|
-
</radialGradient>
|
|
72
|
-
<radialGradient id="g8" cx="50%" cy="50%" r="50%">
|
|
73
|
-
<stop offset="0%" stopColor="rgba(0,170,255,0.40)" />
|
|
74
|
-
<stop offset="50%" stopColor="rgba(0,130,220,0.15)" />
|
|
75
|
-
<stop offset="70%" stopColor="rgba(0,130,220,0)" />
|
|
76
|
-
</radialGradient>
|
|
77
|
-
</defs>
|
|
78
|
-
|
|
79
|
-
<ellipse id="glow-1" cx="180" cy="230" rx="260" ry="190" fill="url(#g1)" />
|
|
80
|
-
<ellipse id="glow-2" cx="300" cy="240" rx="220" ry="160" fill="url(#g2)" />
|
|
81
|
-
<ellipse id="glow-3" cx="420" cy="240" rx="180" ry="140" fill="url(#g3)" />
|
|
82
|
-
<ellipse id="glow-4" cx="550" cy="250" rx="150" ry="120" fill="url(#g4)" />
|
|
83
|
-
<ellipse id="glow-5" cx="750" cy="250" rx="130" ry="110" fill="url(#g5)" />
|
|
84
|
-
<ellipse id="glow-6" cx="300" cy="240" rx="180" ry="140" fill="url(#g6)" />
|
|
85
|
-
<ellipse id="glow-7" cx="490" cy="230" rx="220" ry="170" fill="url(#g7)" />
|
|
86
|
-
<ellipse id="glow-8" cx="590" cy="250" rx="150" ry="130" fill="url(#g8)" />
|
|
87
|
-
</svg>`;
|
|
88
|
-
//# sourceMappingURL=aura-hero-assets.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"aura-hero-assets.js","sourceRoot":"","sources":["../../src/templates/aura-hero-assets.ts"],"names":[],"mappings":"AAAA,wFAAwF;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkC7B,CAAC;AAEN,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAkDpB,CAAC"}
|