Hugging Face's logo

Spaces:
data-is-better-together
/
fineweb-communications-pack
Running

App Files Community
2
nataliaElv HF staff commited on
Commit
f272704
•
1 Parent(s): 9b8d1cf

Buttons and style

Browse files
Files changed (2) hide show
  1. index.html +6 -2
  2. style.css +67 -0
index.html CHANGED
@@ -7,9 +7,9 @@
7
  <link rel="stylesheet" href="style.css" />
8
  </head>
9
  <body>
10
- <h1>Welcome Language Leads!</h1>
11
  <p> Here you will find a communications pack that you can use to share about your participation in this annotation sprint in social media.</p>
12
- <p> Don't forget to translate and adapt the following texts and images to appeal to communities of speakers in the language(s) you’re leading.
13
  </p>
14
  </br>
15
  <div class="card">
@@ -17,6 +17,7 @@
17
  <p>I’m thrilled to share that I’ll be leading [LANGUAGE(S)] in Hugging Face’s collaborative annotation sprint! 🤗 </p>
18
  <p>I’ll be helping to build an open dataset to improve language models for our language. Do you want to join me? I’ll share more details about this soon!</p>
19
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_announcement.png"></a>
 
20
  </div>
21
  </br>
22
  <div class="card">
@@ -24,6 +25,7 @@
24
  <p>I’m thrilled to share that I’ll be leading [LANGUAGE(S)] in Hugging Face’s collaborative annotation sprint! 🤗 </p>
25
  <p>I’ll be helping to build an open dataset to improve language models for our language. Do you want to join me? I’ll share more details about this soon!</p>
26
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
 
27
  </div>
28
  </br>
29
  <div class="card">
@@ -31,6 +33,7 @@
31
  <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
32
  <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
33
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
 
34
  </div>
35
  </br>
36
  <div class="card">
@@ -38,6 +41,7 @@
38
  <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
39
  <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
40
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
 
41
  </div>
42
  </body>
43
  </html>
 
7
  <link rel="stylesheet" href="style.css" />
8
  </head>
9
  <body>
10
+ <h1>Communications pack for language leads</h1>
11
  <p> Here you will find a communications pack that you can use to share about your participation in this annotation sprint in social media.</p>
12
+ <p> Don't forget to translate and adapt the following texts and images to appeal to communities of speakers in the language(s) you’re leading!
13
  </p>
14
  </br>
15
  <div class="card">
 
17
  <p>I’m thrilled to share that I’ll be leading [LANGUAGE(S)] in Hugging Face’s collaborative annotation sprint! 🤗 </p>
18
  <p>I’ll be helping to build an open dataset to improve language models for our language. Do you want to join me? I’ll share more details about this soon!</p>
19
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_announcement.png"></a>
20
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
21
  </div>
22
  </br>
23
  <div class="card">
 
25
  <p>I’m thrilled to share that I’ll be leading [LANGUAGE(S)] in Hugging Face’s collaborative annotation sprint! 🤗 </p>
26
  <p>I’ll be helping to build an open dataset to improve language models for our language. Do you want to join me? I’ll share more details about this soon!</p>
27
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
28
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
29
  </div>
30
  </br>
31
  <div class="card">
 
33
  <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
34
  <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
35
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
36
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
37
  </div>
38
  </br>
39
  <div class="card">
 
41
  <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
42
  <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
43
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><img alt="Image for posts to rectruit collaborators" width="500" src="images/lead_hunting.png"></a>
44
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
45
  </div>
46
  </body>
47
  </html>
style.css CHANGED
@@ -1,6 +1,7 @@
1
  body {
2
  padding: 2rem;
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
4
  }
5
 
6
  h1 {
@@ -21,14 +22,80 @@ p {
21
  margin-top: 5px;
22
  }
23
 
 
 
 
 
 
 
 
 
24
  .card {
25
  max-width: 620px;
26
  margin: 0 auto;
27
  padding: 16px;
28
  border: 1px solid lightgray;
29
  border-radius: 16px;
 
30
  }
31
 
32
  .card p:last-child {
33
  margin-bottom: 0;
34
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  body {
2
  padding: 2rem;
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
+ text-align: center;
5
  }
6
 
7
  h1 {
 
22
  margin-top: 5px;
23
  }
24
 
25
+ img{
26
+ display: block;
27
+ border-radius: 8px;
28
+ margin-left: auto;
29
+ margin-right: auto;
30
+ margin-bottom: 10px;
31
+ }
32
+
33
  .card {
34
  max-width: 620px;
35
  margin: 0 auto;
36
  padding: 16px;
37
  border: 1px solid lightgray;
38
  border-radius: 16px;
39
+ text-align: left;
40
  }
41
 
42
  .card p:last-child {
43
  margin-bottom: 0;
44
  }
45
+
46
+ .button-4 {
47
+ appearance: none;
48
+ background-color: #FAFBFC;
49
+ border: 1px solid rgba(27, 31, 35, 0.15);
50
+ border-radius: 6px;
51
+ box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
52
+ box-sizing: border-box;
53
+ color: #24292E;
54
+ cursor: pointer;
55
+ display: inline-block;
56
+ font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
57
+ font-size: 14px;
58
+ font-weight: 500;
59
+ line-height: 20px;
60
+ list-style: none;
61
+ padding: 6px 16px;
62
+ position: relative;
63
+ transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
64
+ user-select: none;
65
+ -webkit-user-select: none;
66
+ touch-action: manipulation;
67
+ vertical-align: middle;
68
+ white-space: nowrap;
69
+ word-wrap: break-word;
70
+ }
71
+
72
+ .button-4:hover {
73
+ background-color: #F3F4F6;
74
+ text-decoration: none;
75
+ transition-duration: 0.1s;
76
+ }
77
+
78
+ .button-4:disabled {
79
+ background-color: #FAFBFC;
80
+ border-color: rgba(27, 31, 35, 0.15);
81
+ color: #959DA5;
82
+ cursor: default;
83
+ }
84
+
85
+ .button-4:active {
86
+ background-color: #EDEFF2;
87
+ box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
88
+ transition: none 0s;
89
+ }
90
+
91
+ .button-4:focus {
92
+ outline: 1px transparent;
93
+ }
94
+
95
+ .button-4:before {
96
+ display: none;
97
+ }
98
+
99
+ .button-4:-webkit-details-marker {
100
+ display: none;
101
+ }