Skip to content

Commit b220f27

Browse files
bishaboshabishabosha
committed
Add banner to warn about scams
1 parent 01450a1 commit b220f27

File tree

7 files changed

+93
-29
lines changed

7 files changed

+93
-29
lines changed

‎_data/messages.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
scam-banner: "**⚠️ Beware of Scams**: since Feb 2024, scammers are using [fake Scala websites to sell courses](https://www.scala-lang.org/blog/2024/03/01/fake-scala-courses.html), please check you are using an official source."

‎_includes/alert-banner.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{% comment %}use the variable 'message' to include markdown text to display in the alert.{% endcomment %}
2+
3+
<header id="site-header" class="header-home">
4+
<div class="new-on-the-blog alert-warning" data-message_id="{{include.message_id}}">
5+
<p>{{include.message|markdownify}}</p>
6+
<span class="hide"><i class="fa fa-close"></i></span>
7+
</div>
8+
</header>

‎_layouts/root-content-layout.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33

44
<div class="navigation-fade-screen"></div>
55

6+
{% include alert-banner.html message=site.data.messages.scam-banner message_id='scam-courses-feb-2024' %}
7+
68
{% include navbar-inner.html %}
79

810
<main id="inner-main">

‎_layouts/root-index-layout.html

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,30 @@
22

33
<div class="navigation-fade-screen"></div>
44

5+
{% include alert-banner.html message=site.data.messages.scam-banner message_id='scam-courses-feb-2024' %}
6+
57
{% include navbar-inner.html %}
68

79
<main id="inner-main">
810

9-
<!-- Title -->
10-
<section class="title-page">
11-
<div class="wrap">
12-
<div class="content-title-documentation">
13-
14-
<h1>{{page.title}}</h1>
15-
<div class="search-container">
16-
<div class="icon-search">
17-
<i class="fa fa-search"></i>
18-
</div>
19-
<input type="text" class="doc-search" id="doc-search-bar" placeholder="Search in doc...">
20-
<ul class="result-container" id="result-container" style="display: none;"></ul>
21-
</div>
22-
</div>
23-
</div>
24-
</section>
25-
26-
{% comment %}Specific content from child layouts{% endcomment %} {{content}}
11+
<!-- Title -->
12+
<section class="title-page">
13+
<div class="wrap">
14+
<div class="content-title-documentation">
15+
16+
<h1>{{page.title}}</h1>
17+
<div class="search-container">
18+
<div class="icon-search">
19+
<i class="fa fa-search"></i>
20+
</div>
21+
<input type="text" class="doc-search" id="doc-search-bar" placeholder="Search in doc...">
22+
<ul class="result-container" id="result-container" style="display: none;"></ul>
23+
</div>
24+
</div>
25+
</div>
26+
</section>
27+
28+
{% comment %}Specific content from child layouts{% endcomment %} {{content}}
2729

2830
</main>
2931

‎_sass/layout/header.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,23 @@
1818
padding: 10px 40px;
1919
}
2020

21+
&.alert-warning {
22+
background: $warning-bg;
23+
color: $warning-text;
24+
25+
a {
26+
color: $warning-link;
27+
font-weight: bold;
28+
text-decoration: underline;
29+
30+
&:active,
31+
&:focus,
32+
&:hover {
33+
text-decoration: none;
34+
}
35+
}
36+
}
37+
2138
span {
2239
position: absolute;
2340
right: 20px;

‎_sass/utils/_variables.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,10 @@ $gray-light: #E5EAEA;
1818
$gray-lighter: #F0F3F3;
1919
$apple-blue: #6dccf5;
2020

21+
$warning-bg: #FFA500;
22+
$warning-link: #185eb3;
23+
$warning-text: #000;
24+
2125
//-------------------------------------------------
2226
$headings-font-color: $gray-dark;
2327
$base-font-color: #4A5659;

‎resources/js/functions.js

Lines changed: 41 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -72,10 +72,10 @@ $(document).ready(function() {
7272
hljs.highlightAll();
7373
});
7474

75-
// Show Blog
76-
$(".hide").click(function() {
77-
$(".new-on-the-blog").hide();
78-
});
75+
// // Show Blog
76+
// $(".hide").click(function() {
77+
// $(".new-on-the-blog").hide();
78+
// });
7979

8080
// Documentation menu dropdown toggle
8181
$(document).ready(function() { // DOM ready
@@ -435,9 +435,8 @@ $(document).ready(function() {
435435
* that when the page is refreshed, the same tab will be selected.
436436
* On page load, selects the tab corresponding to stored value.
437437
*/
438-
function setupTabs(tabs, namespace, defaultValue) {
439-
const PreferenceStorage = Storage('org.scala-lang.docs.preferences');
440-
const preferredValue = PreferenceStorage.getPreference(namespace, defaultValue);
438+
function setupTabs(tabs, namespace, defaultValue, storage) {
439+
const preferredValue = storage.getPreference(namespace, defaultValue);
441440

442441
activateTab(tabs, preferredValue)
443442

@@ -448,7 +447,7 @@ $(document).ready(function() {
448447
const parent = $(this).parent();
449448
const newValue = $(this).data('target');
450449

451-
PreferenceStorage.setPreference(namespace, newValue, oldValue => {
450+
storage.setPreference(namespace, newValue, _ => {
452451
// when we set a new scalaVersion, find scalaVersionTabs except current one
453452
// and activate those tabs.
454453
activateTab(tabs.not(parent), newValue);
@@ -459,17 +458,48 @@ $(document).ready(function() {
459458
});
460459
}
461460

462-
if (storageAvailable('localStorage')) {
461+
function setupAlertCancel(alert, storage) {
462+
const messageId = alert.data('message_id');
463+
let onHide = () => {};
464+
if (messageId) {
465+
const key = `alert.${messageId}`;
466+
const isHidden = storage.getPreference(key, 'show') === 'hidden';
467+
if (isHidden) {
468+
alert.hide();
469+
}
470+
onHide = () => storage.setPreference(key, 'hidden', _ => {});
471+
}
472+
473+
474+
alert.find('.hide').click(function() {
475+
alert.hide(), onHide();
476+
});
477+
}
478+
479+
function setupAllTabs(storage) {
463480
var scalaVersionTabs = $(".tabsection.tabs-scala-version");
464481
if (scalaVersionTabs.length) {
465-
setupTabs(scalaVersionTabs, "scalaVersion", "scala-3");
482+
setupTabs(scalaVersionTabs, "scalaVersion", "scala-3", storage);
466483
}
467484
var buildToolTabs = $(".tabsection.tabs-build-tool");
468485
if (buildToolTabs.length) {
469-
setupTabs(buildToolTabs, "buildTool", "scala-cli");
486+
setupTabs(buildToolTabs, "buildTool", "scala-cli", storage);
487+
}
488+
}
489+
490+
function setupAllAlertCancels(storage) {
491+
var alertBanners = $(".new-on-the-blog.alert-warning");
492+
if (alertBanners.length) {
493+
setupAlertCancel(alertBanners, storage);
470494
}
471495
}
472496

497+
if (storageAvailable('localStorage')) {
498+
const PreferenceStorage = Storage('org.scala-lang.docs.preferences');
499+
setupAllTabs(PreferenceStorage);
500+
setupAllAlertCancels(PreferenceStorage);
501+
}
502+
473503
});
474504

475505
// OS detection

0 commit comments

Comments
 (0)