Commit
•
50a0045
1
Parent(s):
08b96f2
Improved styles
Browse files- images/favicon.png +0 -0
- index.html +7 -6
- script.js +3 -3
- style.css +4 -0
images/favicon.png
ADDED
|
index.html
CHANGED
|
@@ -3,16 +3,17 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="utf-8" />
|
| 5 |
<meta name="viewport" content="width=device-width" />
|
| 6 |
-
<title>
|
|
|
|
| 7 |
<link rel="stylesheet" href="style.css" />
|
| 8 |
<script src="script.js" defer></script>
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
-
|
| 12 |
-
<
|
| 13 |
-
<p>
|
| 14 |
-
|
| 15 |
-
|
| 16 |
<div id="card-container"></div>
|
| 17 |
</body>
|
| 18 |
</html>
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="utf-8" />
|
| 5 |
<meta name="viewport" content="width=device-width" />
|
| 6 |
+
<title>Communications pack</title>
|
| 7 |
+
<link rel="icon" type="image/x-icon" href="/images/favicon.png">
|
| 8 |
<link rel="stylesheet" href="style.css" />
|
| 9 |
<script src="script.js" defer></script>
|
| 10 |
</head>
|
| 11 |
<body>
|
| 12 |
+
<h1>Communications pack for Language Leads</h1>
|
| 13 |
+
<p>Thank you for becoming a Language Lead for this community annotation sprint with Hugging Face!🤗</p>
|
| 14 |
+
<p>In this page, you will find a communications pack with examples of posts and images that you can use to share about your participation in this annotation sprint.
|
| 15 |
+
Feel free to translate and adapt all texts and images so that they appeal to communities of speakers in the language(s) you’re leading!
|
| 16 |
+
Share it with coworkers, family, friends and on any social network of your choosing.</p>
|
| 17 |
<div id="card-container"></div>
|
| 18 |
</body>
|
| 19 |
</html>
|
script.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 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 =
|
| 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) {
|
|
@@ -11,9 +11,9 @@ function createCard(title, text, url) {
|
|
| 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"
|
| 15 |
<div class="button-container" align="center">
|
| 16 |
-
<a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this
|
| 17 |
<a href="https://x.com/intent/post?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in X</button></a>
|
| 18 |
<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>
|
| 19 |
<a href="https://bsky.app/intent/compose?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in Bluesky</button></a>
|
|
|
|
| 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 = `<p>Do you want to improve the quality of language models in <var>Asturian</var>?</p><p>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) {
|
|
|
|
| 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" src="images/lead_announcement.png"></a>
|
| 15 |
<div class="button-container" align="center">
|
| 16 |
+
<a href="https://huggingface.co/docs/hub/spaces" target="_blank"><button class="button-4" role="button">Edit this image</button></a>
|
| 17 |
<a href="https://x.com/intent/post?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in X</button></a>
|
| 18 |
<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>
|
| 19 |
<a href="https://bsky.app/intent/compose?text=${url_text}${url}" target="_blank"><button class="button-4" role="button">Share in Bluesky</button></a>
|
style.css
CHANGED
|
@@ -2,6 +2,8 @@ body {
|
|
| 2 |
padding: 2rem;
|
| 3 |
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
|
| 4 |
text-align: center;
|
|
|
|
|
|
|
| 5 |
}
|
| 6 |
|
| 7 |
h1 {
|
|
@@ -28,6 +30,8 @@ img{
|
|
| 28 |
margin-left: auto;
|
| 29 |
margin-right: auto;
|
| 30 |
margin-bottom: 10px;
|
|
|
|
|
|
|
| 31 |
}
|
| 32 |
|
| 33 |
.card {
|
|
|
|
| 2 |
padding: 2rem;
|
| 3 |
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
|
| 4 |
text-align: center;
|
| 5 |
+
margin-left: 5%;
|
| 6 |
+
margin-right: 5%;
|
| 7 |
}
|
| 8 |
|
| 9 |
h1 {
|
|
|
|
| 30 |
margin-left: auto;
|
| 31 |
margin-right: auto;
|
| 32 |
margin-bottom: 10px;
|
| 33 |
+
width: 80%;
|
| 34 |
+
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
|
| 35 |
}
|
| 36 |
|
| 37 |
.card {
|