Hugging Face's logo

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

App Files Community
2
nataliaElv HF staff commited on
Commit
4bdb400
•
1 Parent(s): 89fbbd8

Improved action links

Browse files
Files changed (2) hide show
  1. index.html +3 -35
  2. script.js +50 -0
index.html CHANGED
@@ -5,46 +5,14 @@
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
  <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">
16
- <h2>Announce you've been selected to be a lead!</h2>
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
- <a href="https://x.com/intent/post?url=https%3A%2F%2Fwww.huggingface.co&text=This+is+my+sample+text&via=huggingface&media=https://cdn-uploads.huggingface.co/production/uploads/63f7888abd28622c9b9a0b80/oqb-1oH1rs1R2U9RiJYpU.png" target="_blank"><button class="button-4" role="button">Share in X</button></a>
22
- <a href="https://www.linkedin.com/feed/?shareActive=true&text=This is my text! https://ogp.me/ %23NewPost" target="_blank"><button class="button-4" role="button">Share in LinkedIn</button></a>
23
- <a href="https://bsky.app/intent/compose?text=This is my sample text https%3A//docs.bsky.app" target="_blank"><button class="button-4" role="button">Share in Bluesky</button></a>
24
- </div>
25
- </br>
26
- <div class="card">
27
- <h2>Recuiting collaborators for your language (option 1)</h2>
28
- <p>I’m thrilled to share that I’ll be leading [LANGUAGE(S)] in Hugging Face’s collaborative annotation sprint! 🤗 </p>
29
- <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>
30
- <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>
31
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
32
- </div>
33
- </br>
34
- <div class="card">
35
- <h2>Recuiting collaborators for your language (option 2)</h2>
36
- <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
37
- <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
38
- <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>
39
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
40
- </div>
41
- </br>
42
- <div class="card">
43
- <h2>Recuiting language leads</h2>
44
- <p>Do you want to improve the quality of language models in [LANGUAGE(S)]?</p>
45
- <p>Join me in this collaborative annotation sprint! No experience needed - simply go to [this link] to start annotating!</p>
46
- <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>
47
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
48
- </div>
49
  </body>
50
  </html>
 
5
  <meta name="viewport" content="width=device-width" />
6
  <title>My static Space</title>
7
  <link rel="stylesheet" href="style.css" />
8
+ <script src="script.js" defer></script>
9
  </head>
10
  <body>
11
+
12
  <h1>Communications pack for language leads</h1>
13
  <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>
14
  <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!
15
  </p>
16
+ <div id="card-container"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17
  </body>
18
  </html>
script.js ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ const lead_announcement = `<p>I’m thrilled to share that I’ll be leading <var>Asturian</var> in Hugging Face’s collaborative annotation sprint! 🤗</p><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>`
3
+ const recruit_collaborators = `Do you want to improve the quality of language models in <var>Asturian</var>?</br>Join me in this collaborative annotation sprint! No experience needed - simply follow the link to start annotating!`
4
+ const recruit_leads = `<p>I’m thrilled to share that I’ll be leading <var>Asturian</var> in Hugging Face’s collaborative annotation sprint! 🤗</p><p>Would you like to lead the efforts in your own language? Check if it’s still listed!</p>`
5
+
6
+ function createCard(title, text, url) {
7
+ let url_text = text.replaceAll('<p>', '').replaceAll('</p>', '%0A%0A')
8
+ if (url) {
9
+
10
+ let template = `
11
+ <div class="card">
12
+ <h2>${title}</h2>
13
+ ${text}<p>${url}</p>
14
+ <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>
15
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
16
+ <a href="https://x.com/intent/post?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in X</button></a>
17
+ <a href="https://www.linkedin.com/feed/?shareActive=true&text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in LinkedIn</button></a>
18
+ <a href="https://bsky.app/intent/compose?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in Bluesky</button></a>
19
+ </div>
20
+ </br>
21
+ `
22
+ return template;
23
+
24
+ } else {
25
+ let template = `
26
+ <div class="card">
27
+ <h2>${title}</h2>
28
+ <p>${text}</p>
29
+ <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>
30
+ <a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this template</button></a>
31
+ <a href="https://x.com/intent/post?text=${url_text}" target="_blank"><button class="button-4" role="button">Share in X</button></a>
32
+ <a href="https://www.linkedin.com/feed/?shareActive=true&text=${url_text}" target="_blank"><button class="button-4" role="button">Share in LinkedIn</button></a>
33
+ <a href="https://bsky.app/intent/compose?text=${url_text}" target="_blank"><button class="button-4" role="button">Share in Bluesky</button></a>
34
+ </div>
35
+ </br>
36
+ `
37
+ return template;
38
+ }
39
+ }
40
+
41
+ function addCardToContainer(language, link, customText) {
42
+ const cardContainer = document.getElementById('card-container');
43
+ const cardHTML = createCard(language, link, customText);
44
+ cardContainer.innerHTML += cardHTML;
45
+ }
46
+
47
+ addCardToContainer("Announce you've been selected to be a lead!", lead_announcement);
48
+ addCardToContainer("Recuit collaborators for your language", recruit_collaborators, 'https://nataliaelv-language-leads-dashboard.hf.space/');
49
+ addCardToContainer("Recuit leads for other languages", recruit_leads, 'https://nataliaelv-language-leads-dashboard.hf.space/');
50
+