Hugging Face's logo

Spaces:
poferraz
/
flash
Running

App Files Community
poferraz commited on
Commit
0ee481b
·
verified ·
1 Parent(s): f4d13ac

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +175 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Flash
3
- emoji: 👁
4
- colorFrom: purple
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: flash
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,176 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>5 Steps of Selling - Flashcard Training</title>
7
+ <style>
8
+ :root {
9
+ --brand-red: #E10600;
10
+ --text-dark: #222;
11
+ --text-light: #f5f5f5;
12
+ --bg-light: #fff;
13
+ --shadow: 0 4px 12px rgba(0,0,0,0.08);
14
+ --radius: 12px;
15
+ --spacing-xs: 8px;
16
+ --spacing-s: 16px;
17
+ --spacing-m: 24px;
18
+ --spacing-l: 32px;
19
+ --spacing-xl: 48px;
20
+ }
21
+
22
+ * {
23
+ box-sizing: border-box;
24
+ margin: 0;
25
+ padding: 0;
26
+ }
27
+
28
+ body {
29
+ font-family: 'DM Serif Text', serif;
30
+ background-color: var(--brand-red);
31
+ color: var(--text-light);
32
+ line-height: 1.5;
33
+ }
34
+
35
+ .container {
36
+ max-width: 600px;
37
+ margin: 0 auto;
38
+ padding: 0 var(--spacing-s);
39
+ }
40
+
41
+ .section {
42
+ padding: var(--spacing-l);
43
+ margin: var(--spacing-m) 0;
44
+ }
45
+
46
+ .text-center {
47
+ text-align: center;
48
+ }
49
+
50
+ .text-left {
51
+ text-align: left;
52
+ }
53
+
54
+ .mb-xs { margin-bottom: var(--spacing-xs); }
55
+ .mb-s { margin-bottom: var(--spacing-s); }
56
+ .mb-m { margin-bottom: var(--spacing-m); }
57
+ .mb-l { margin-bottom: var(--spacing-l); }
58
+
59
+ .btn {
60
+ display: block;
61
+ width: 100%;
62
+ padding: var(--spacing-m);
63
+ border: none;
64
+ border-radius: var(--radius);
65
+ font-size: 1.25rem;
66
+ font-weight: 600;
67
+ cursor: pointer;
68
+ transition: all 0.2s ease;
69
+ text-align: center;
70
+ text-decoration: none;
71
+ }
72
+
73
+ .btn:focus {
74
+ outline: 2px solid var(--text-light);
75
+ outline-offset: 2px;
76
+ }
77
+
78
+ .btn-primary {
79
+ background-color: var(--text-light);
80
+ color: var(--brand-red);
81
+ }
82
+
83
+ .btn-primary:hover, .btn-primary:focus {
84
+ background-color: #e0e0e0;
85
+ transform: translateY(-2px);
86
+ }
87
+
88
+ .btn-secondary {
89
+ background-color: var(--text-light);
90
+ color: var(--brand-red);
91
+ }
92
+
93
+ .btn-secondary:hover, .btn-secondary:focus {
94
+ background-color: #e0e0e0;
95
+ transform: translateY(-2px);
96
+ }
97
+
98
+ .grid {
99
+ display: grid;
100
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
101
+ gap: var(--spacing-s);
102
+ }
103
+
104
+ .h1 {
105
+ font-size: 2rem;
106
+ line-height: 1.2;
107
+ font-weight: 400;
108
+ white-space: nowrap;
109
+ overflow: hidden;
110
+ text-overflow: ellipsis;
111
+ }
112
+
113
+ .h2 {
114
+ font-size: 1.75rem;
115
+ line-height: 1.3;
116
+ font-weight: 400;
117
+ }
118
+
119
+ .h3 {
120
+ font-size: 1.25rem;
121
+ font-weight: 400;
122
+ }
123
+
124
+ .label {
125
+ font-size: 0.875rem;
126
+ font-weight: 500;
127
+ text-transform: uppercase;
128
+ letter-spacing: 1px;
129
+ margin-bottom: var(--spacing-xs);
130
+ }
131
+
132
+ @media (min-width: 768px) {
133
+ .btn {
134
+ width: auto;
135
+ display: inline-block;
136
+ margin-right: var(--spacing-s);
137
+ margin-bottom: var(--spacing-s);
138
+ }
139
+
140
+ .h1 {
141
+ font-size: 2.5rem;
142
+ }
143
+
144
+ .btn {
145
+ font-weight: 500;
146
+ }
147
+ }
148
+ </style>
149
+ </head>
150
+ <body>
151
+ <main class="container">
152
+ <header class="section text-center">
153
+ <h1 class="h1 mb-s">5 Steps of Selling</h1>
154
+ <p class="mb-xs">an easy way to learn and memorize all steps</p>
155
+ </header>
156
+
157
+ <section class="section text-center">
158
+ <p class="label">Learn it all</p>
159
+ <!-- Future pages will read query string mode=all -->
160
+ <a href="learn.html?mode=all" class="btn btn-primary" aria-label="Play all flashcards">Play</a>
161
+ </section>
162
+
163
+ <section class="section text-center">
164
+ <p class="label">Learn step by step</p>
165
+ <div class="grid">
166
+ <!-- Future pages will read query string step=1 through 5 -->
167
+ <a href="learn.html?step=1" class="btn btn-secondary" aria-label="Step 1 flashcards">Step 1</a>
168
+ <a href="learn.html?step=2" class="btn btn-secondary" aria-label="Step 2 flashcards">Step 2</a>
169
+ <a href="learn.html?step=3" class="btn btn-secondary" aria-label="Step 3 flashcards">Step 3</a>
170
+ <a href="learn.html?step=4" class="btn btn-secondary" aria-label="Step 4 flashcards">Step 4</a>
171
+ <a href="learn.html?step=5" class="btn btn-secondary" aria-label="Step 5 flashcards">Step 5</a>
172
+ </div>
173
+ </section>
174
+ </main>
175
+ </body>
176
  </html>
prompts.txt ADDED
File without changes