Skip to content

Commit

Permalink
Formatting and copy tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
@bjester
bjester committed Aug 2, 2022
1 parent 320af1e commit 560cc84
Show file tree
Hide file tree
Showing 3 changed files with 172 additions and 155 deletions.
2 changes: 1 addition & 1 deletion contentcuration/contentcuration/templates/registration/activation_email.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@
<body>
{% autoescape off %}
<h3>{% trans "Hello" %} <strong>{{ user.first_name }}</strong>,</h3>
<p>{% trans "Welcome to Kolibri! Here is the link to activate your account:" %}</p>
<p>{% trans "Welcome to Kolibri Studio! Here is the link to activate your account:" %}</p>
<div class="message-content">
<div class="message-header">
<div class="message-img">
Expand Down
321 changes: 169 additions & 152 deletions ...tcuration/contentcuration/templates/registration/registration_welcome_new_user_email.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,155 +2,172 @@
{% load i18n %}
{% load static %}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{
font-family: 'Noto Sans', Verdana, sans-serif;
padding:50px;
width:600px;
height: 600px;
}
.message-content{
width:700px;
padding-top: 0 !important;
}
.message-content> div{
margin:10px 0px;
}
a{
text-decoration: none;
}
.message-header{
background-color:#915194;
color:white;
margin-bottom: 40px;
}
.message-channel-name{
margin-top: 0;
font-size:18pt;
font-weight:bold;
text-align: center;
}
.message-content{
border:3px solid #915194;
background-color:white;
margin:0px auto;
padding:0px 20px 35px 20px;
position: relative;
}
.heading{
text-align: center;
}
.message-link{
margin-top:30px;
}
.message-signature{
text-align:right;
position:absolute;
right:0;
bottom:0;
}
.message-signature *{
margin:0;
padding: 0;
}
.message-signature-img{
width:24px;
cursor:pointer;
vertical-align: middle;
}
.note{
font-style: italic;
font-size: 12px;
}
</style>
</head>
<body>
{% autoescape off %}
<div class="message-content">
<div class="message-header">
<p class="message-channel-name">Welcome to <b>Kolibri Studio !</b></p>
</div>
<div class = "greeting">
We’re delighted to introduce you to
<a href = "https://studio.learningequality.org/">Kolibri Studio</a>,
our curricular tool to add, organize, and manage your own resources or those
<a href = "https://catalog.learningequality.org/#/public"> from the Kolibri Content Library.</a>
<br>
</div>
<div class = "function-container">
Using Kolibri Studio, you can explore pre-organized collections of open educational
resources (OER), and bundle, tag, differentiate, re-order, and distribute them into
custom channels. Using an admin account, you can then publish and import these custom
channels--either your own or those shared with you -- into Kolibri with a unique
“token” generated for each channel.
<br>
</div>
<div class = "contact">
Our public channels are available under “Content Library”, whose offerings continue
to grow. Email <a href ="mailto:[email protected]"> [email protected] </a>
with any recommendations that you would like to see included in the Library for public use.
<br>
</div>
<div class="resourse-container">
Browse through the list of resources below* to learn more about Kolibri Studio and to
begin creating your own custom channels:
<ul>
<li>
<a href = "https://kolibri-studio.readthedocs.io/en/latest/index.html"> <b> Kolibri Studio User Guide </b></a>
</li>
<li>
<a href = "https://drive.google.com/file/d/1uvbTnIyxIP6lrFKPIat8pIJeIa5RNZf5/view?usp=sharing"> <b> Content integration guide:</b></a>
Information on licensing, compatible formats, technical integration and more. Note that if you are adding a small number of
resources, technical integration is not necessary.
</li>
<li>
<b>Step by step tutorials:</b>
<ul type = "circle">
<li>
<b>Video format:</b>
<a href = "https://kolibri-demo.learningequality.org/en/learn/#/topics/ec29f4cc20a8437d844a60297c2ffd07">
Your Content Workspace for Kolibri
</a>
<em> (*also available in French and Arabic) </em>
</li>
<li>
<b>Slide gif format:</b>
<a href = "https://docs.google.com/presentation/d/1diRou-RYk7-gYkpMCDB5zs9C7Ywo_qifH0l78nvwVCY/edit#slide=id.g8b5cff85a9_0_78">
<b> Step by step Studio tutorial </b>
</a>
</li>
</ul>
</li>
<li>
<b>
Video compression instructions:
</b>
For optimal results, videos should be compressed in order to achieve small file sizes. Follow the
<a href = "https://ricecooker.readthedocs.io/en/latest/video_compression.html"> guide to video compression </a>
to ensure the video files you upload are well suited for offline distribution and playback on all Kolibri devices.
</li>
</ul>
</div>
<div class="footer">
If you need support with Kolibri Studio, please reach out to us on our
<a href = "https://community.learningequality.org/c/support/studio/22" > Community Forum. </a>
<br><br>
Thank You ! <br>
The Learning Equality Team <br>
<div class="message-signature">
<p>
<a href="https://learningequality.org/" target="_blank">
<img src="https://i.ibb.co/McX1P1j/download-1.png" class="message-signature-img">
<strong>The Learning Equality Team</strong>
</a>
</p>
<p class = "note"> *resources are presented in English </p>
</div>
</div>
</div>
{% endautoescape %}
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: 'Noto Sans', Verdana, sans-serif;
padding: 50px;
width: 600px;
height: 600px;
}

.message-content {
width: 700px;
padding-top: 0 !important;
}

.message-content > div {
margin: 10px 0px;
}

a {
text-decoration: none;
}

.message-header {
background-color: #915194;
color: white;
margin-bottom: 40px;
}

.message-channel-name {
margin-top: 0;
font-size: 18pt;
font-weight: bold;
text-align: center;
}

.message-content {
border: 3px solid #915194;
background-color: white;
margin: 0px auto;
padding: 0px 20px 35px 20px;
position: relative;
}

.heading {
text-align: center;
}

.message-link {
margin-top: 30px;
}

.message-signature {
text-align: right;
position: absolute;
right: 0;
bottom: 0;
}

.message-signature * {
margin: 0;
padding: 0;
}

.message-signature-img {
width: 24px;
cursor: pointer;
vertical-align: middle;
}

.note {
font-style: italic;
font-size: 12px;
}
</style>
</head>
<body>
{% autoescape off %}
<div class="message-content">
<div class="message-header">
<p class="message-channel-name">Welcome to <b>Kolibri Studio !</b></p>
</div>
<div class="greeting">
We're delighted to introduce you to
<a href="https://studio.learningequality.org/">Kolibri Studio</a>,
our curricular tool to add, organize, and manage your own resources or those
<a href="https://studio.learningequality.org/channels/#/public"> from the Kolibri Content Library.</a>
<br>
</div>
<div class="function-container">
Using Kolibri Studio, you can explore pre-organized collections of open educational
resources (OER), and bundle, tag, differentiate, re-order, and distribute them into
custom channels. Using an admin account, you can then publish and import these custom
channels--either your own or those shared with you -- into Kolibri with a unique
"token" generated for each channel.
<br>
</div>
<div class="contact">
Our public channels are available under "Content Library", whose offerings continue
to grow. Email <a href="mailto:[email protected]"> [email protected] </a>
with any recommendations that you would like to see included in the Library for public use.
<br>
</div>
<div>
Browse through the list of resources below* to learn more about Kolibri Studio and to
begin creating your own custom channels:
<ul>
<li>
<a href="https://kolibri-studio.readthedocs.io/en/latest/index.html"> <b> Kolibri Studio User Guide </b></a>
</li>
<li>
<a href="https://drive.google.com/file/d/1uvbTnIyxIP6lrFKPIat8pIJeIa5RNZf5/view?usp=sharing"> <b> Content
integration guide:</b></a>
Information on licensing, compatible formats, technical integration and more. Note that if you are adding a
small number of
resources, technical integration is not necessary.
</li>
<li>
<b>Step by step tutorials:</b>
<ul type="circle">
<li>
<b>Video format:</b>
<a href="https://kolibri-demo.learningequality.org/en/learn/#/topics/ec29f4cc20a8437d844a60297c2ffd07">
Your Content Workspace for Kolibri
</a>
<em> (*also available in French and Arabic) </em>
</li>
<li>
<b>Slide gif format:</b>
<a
href="https://docs.google.com/presentation/d/1diRou-RYk7-gYkpMCDB5zs9C7Ywo_qifH0l78nvwVCY/edit#slide=id.g8b5cff85a9_0_78"
>
<b> Step by step Studio tutorial </b>
</a>
</li>
</ul>
</li>
<li>
<b>
Video compression instructions:
</b>
For optimal results, videos should be compressed in order to achieve small file sizes. Follow the
<a href="https://ricecooker.readthedocs.io/en/latest/video_compression.html"> guide to video compression </a>
to ensure the video files you upload are well suited for offline distribution and playback on all Kolibri
devices.
</li>
</ul>
</div>
<div class="footer">
If you need support with Kolibri Studio, please reach out to us on our
<a href="https://community.learningequality.org/c/support/studio/22"> Community Forum. </a>
<br><br>
Thank You! <br>
The Learning Equality Team <br>
<div class="message-signature">
<p>
<a href="https://learningequality.org/" target="_blank">
<img src="data:image/png;base64,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" class="message-signature-img">
<strong>The Learning Equality Team</strong>
</a>
</p>
<p class="note"> *resources are presented in English </p>
</div>
</div>
</div>
{% endautoescape %}
</body>
</html>
4 changes: 2 additions & 2 deletions contentcuration/contentcuration/views/users.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -254,13 +254,13 @@ def activate(self, *args, **kwargs):
[settings.REGISTRATION_INFORMATION_EMAIL],
)
# Send email to welcome new user
subject = "Welcome to Kolibri Studio. !"
subject = "Thank you for activating your Kolibri Studio account! Let's get started..."
message = render_to_string("registration/registration_welcome_new_user_email.html", {})
user.email_user(
subject,
message,
settings.DEFAULT_FROM_EMAIL,
html_message = message
html_message=message
)

return user
Expand Down

0 comments on commit 560cc84

Please sign in to comment.