Compare commits

...

2 Commits

Author SHA1 Message Date
4bd9caae6e
chore: update README 2024-08-28 18:02:47 +02:00
Alexandre Simao
a66993ff21
chore: dirty rebase to clean main branch 2024-08-28 18:02:40 +02:00
25 changed files with 2900 additions and 70 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
credentials.json

View File

@ -1,48 +1,66 @@
stages:
- build-deps
- build
- deploy
variables:
GIT_SUBMODULE_STRATEGY: recursive
prepare_folders:
environment: $CI_COMMIT_BRANCH
stage: .pre
image: alpine:latest
script:
- mkdir -p .public
- mkdir -p .public/slides
- chown -R 1000:1000 .public/slides
- mkdir -p .public/docs
- chown -R 1000:1000 .public/docs
cache:
paths:
- .public
artifacts:
paths:
- .public
rules:
- if: $CI_COMMIT_BRANCH =~ /^make/
export:
render_pdf:
environment: $CI_COMMIT_BRANCH
variables:
WORK_PATH: "public/$CI_COMMIT_BRANCH"
stage: build
stage: build-deps
when: manual
image:
name: astefanutti/decktape
entrypoint: ["/bin/sh", "-c"]
script:
- "node /decktape/decktape.js -s 2560x1440 reveal --chrome-path chromium-browser --chrome-arg=--no-sandbox --chrome-arg=--disable-web-security index.html .public/slides/slide.pdf"
- "node /decktape/decktape.js -s 2560x1440 reveal --chrome-path chromium-browser --chrome-arg=--no-sandbox --chrome-arg=--disable-web-security index.html .public/docs/slide.pdf"
cache:
paths:
- .public
artifacts:
paths:
- .public/slides
- .public/docs
expire_in: 2 week
rules:
- if: $CI_COMMIT_BRANCH =~ /^make/
render_ppt:
needs: [render_pdf]
environment: $CI_COMMIT_BRANCH
stage: build
when: manual
image:
name: linuxserver/libreoffice
entrypoint: ["/bin/sh", "-c"]
script:
- 'soffice --headless --infilter="impress_pdf_import" --convert-to "pptx:Impress Office Open XML" .public/docs/slide.pdf --outdir .public/docs/'
cache:
paths:
- .public
artifacts:
paths:
- .public/docs
expire_in: 2 week
rules:
- if: $CI_COMMIT_BRANCH =~ /^make/
pages:
environment: $CI_COMMIT_BRANCH
variables:
GIT_SUBMODULE_STRATEGY: recursive
stage: deploy
when: manual
script:
@ -53,9 +71,5 @@ pages:
paths:
- .public
- public
artifacts:
paths:
- public
rules:
- if: $CI_COMMIT_BRANCH =~ /^make/

View File

@ -1,2 +1,42 @@
# Alex Presentations
Here you'l find various presentations done with Revealjs or any new shiny tool I've found.
Currently, small adjustments were made to provide a to the reveal.js submodule all the configuration needed to serve files located in the parent folder.
# Usage
## Writing your slide
- Use the reveal.js `index.html` template located in the submodule.
- You can see your presentation by going to the `index.html` file with ~~Firefox~~ your favorite browser
- Remember to set the correct path to plugins eg. `custom_plugins/my_super_plugin/plugin.js`
## Gitlab CI/CD
A sample `.gitlab-ci.yml` is provided, currently (and quite dirtily FTM) providing a way to:
- Generate a PDF from `index.html` via [decktape](https://github.com/astefanutti/decktape) (containerized)
- Generate a Powerpoint (.pptx) file via [linuxserver/libreoffice](https://hub.docker.com/r/linuxserver/libreoffice) (containerized)
- A job to prepare all of this
- Serve said presentation/files via Gitlab Pages.
## URLs
Didn't tested anywhere else but it should be:
https://<username>.gitlab.io/<repo-name>/<branch>[/slide.{pptx,pdf}].
For example:
https://john-doe.gitlab.io/alex-presentations/make/notion/
## TODO
- Better CI, currently jobs are manual only
- Cleaner code
- Better templating
- Auto-upload to google-drive
- PDF/PPTX/Pages CI when tag
- ~~Find a cure to earth's suffering~~
## Disclaimer
Yeah, it's dirty, could be better, not optimal, yadah yadah.
Will try to do better, don't roast me too much :)

View File

@ -0,0 +1,163 @@
# Chalkboard
With this plugin you can add a chalkboard to reveal.js. The plugin provides two possibilities to include handwritten notes to your presentation:
- you can make notes directly on the slides, e.g. to comment on certain aspects,
- you can open a chalkboard or whiteboard on which you can make notes.
The main use case in mind when implementing the plugin is classroom usage in which you may want to explain some course content and quickly need to make some notes.
The plugin records all drawings made so that they can be play backed using the `autoSlide` feature or the `audio-slideshow` plugin.
[Check out the demo](https://rajgoel.github.io/reveal.js-demos/?topic=chalkboard)
## Setup
To use the plugin include
```html
<!-- Font awesome is required for the chalkboard plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom controls plugin is used to for opening and closing annotation modes. -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/style.css">
<!-- Chalkboard plugin -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/style.css">
```
to the header of your presentation and configure reveal.js and the plugin by
```js
Reveal.initialize({
customcontrols: {
controls: [
{ icon: '<i class="fa fa-pen-square"></i>',
title: 'Toggle chalkboard (B)',
action: 'RevealChalkboard.toggleChalkboard();'
},
{ icon: '<i class="fa fa-pen"></i>',
title: 'Toggle notes canvas (C)',
action: 'RevealChalkboard.toggleNotesCanvas();'
}
]
},
chalkboard: {
// add configuration here
},
// ...
plugins: [ RevealChalkboard, RevealCustomControls ],
// ...
});
```
In order to include buttons for opening and closing the notes canvas or the chalkboard you should make sure that `font-awesome` is available. The easiest way is to include
```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins/menu/font-awesome/css/fontawesome.css">
```
to the ```head``` section of you HTML-file.
## Usage
### Mouse or touch
- Click on the pen symbols at the bottom left to toggle the notes canvas or chalkboard
- Click on the color picker at the left to change the color (the color picker is only visible if the notes canvas or chalkboard is active)
- Click on the up/down arrows on the left to the switch among multiple chalkboardd (the up/down arrows are only available for the chlakboard)
- Click the left mouse button and drag to write on notes canvas or chalkboard
- Click the right mouse button and drag to wipe away previous drawings
- Touch and move to write on notes canvas or chalkboard
### Keyboard
- Press the 'BACKSPACE' key to delete all chalkboard drawings
- Press the 'DEL' key to clear the notes canvas or chalkboard
- Press the 'c' key to toggle the notes canvas
- Press the 'b' key to toggle the chalkboard
- Press the 'd' key to download drawings
- Press the 'x' key to cycle colors forward
- Press the 'y' key to cycle colors backward
## Playback
If the `autoSlide` feature is set or if the `audio-slideshow` plugin is used, pre-recorded chalkboard drawings can be played. The slideshow plays back the user interaction with the chalkboard in the same way as it was conducted when recording the data.
## Multiplexing
The plugin supports multiplexing via the [`multiplex` plugin](https://github.com/reveal/multiplex) or the [`seminar` plugin](https://github.com/rajgoel/reveal.js-plugins/tree/master/seminar).
## PDF-Export
If the slideshow is opened in [print mode](https://revealjs.com/pdf-export/), the chalkboard drawings in the session storage (see `storage` option - print version must be opened in the same tab or window as the original slideshow) or provided in a file (see `src` option) are included in the PDF-file. Each drawing on the chalkboard is added after the slide that was shown when opening the chalkboard. Drawings on the notes canvas are not included in the PDF-file.
## Configuration
The plugin has several configuration options:
- ```boardmarkerWidth```: an integer, the drawing width of the boardmarker; larger values draw thicker lines.
- ```chalkWidth```: an integer, the drawing width of the chalk; larger values draw thicker lines.
- ```chalkEffect```: a float in the range ```[0.0, 1.0]```, the intesity of the chalk effect on the chalk board. Full effect (default) ```1.0```, no effect ```0.0```.
- ```storage```: Optional variable name for session storage of drawings.
- ```src```: Optional filename for pre-recorded drawings.
- ```readOnly```: Configuation option allowing to prevent changes to existing drawings. If set to ```true``` no changes can be made, if set to false ```false``` changes can be made, if unset or set to ```undefined``` no changes to the drawings can be made after returning to a slide or fragment for which drawings had been recorded before. In any case the recorded drawings for a slide or fragment can be cleared by pressing the 'DEL' key (i.e. by using the ```RevealChalkboard.clear()``` function).
- ```transition```: Gives the duration (in milliseconds) of the transition for a slide change, so that the notes canvas is drawn after the transition is completed.
- ```theme```: Can be set to either ```"chalkboard"``` or ```"whiteboard"```.
The following configuration options allow to change the appearance of the notes canvas and the chalkboard. All of these options require two values, the first gives the value for the notes canvas, the second for the chalkboard.
- ```background```: The first value expects a (semi-)transparent color which is used to provide visual feedback that the notes canvas is enabled, the second value expects a filename to a background image for the chalkboard.
- ```grid```: By default whiteboard and chalkboard themes include a grid pattern on the background. This pattern can be modified by setting the color, the distance between lines, and the line width, e.g. ```{ color: 'rgb(127,127,255,0.1)', distance: 40, width: 2}```. Alternatively, the grid can be removed by setting the value to ```false```.
- ```eraser```: An image path and radius for the eraser.
- ```boardmarkers```: A list of boardmarkers with given color and cursor.
- ```chalks```: A list of chalks with given color and cursor.
- ```rememberColor```: Whether to remember the last selected color for the slide canvas or the board.
All of the configurations are optional and the default values shown below are used if the options are not provided.
```javascript
Reveal.initialize({
// ...
chalkboard: {
boardmarkerWidth: 3,
chalkWidth: 7,
chalkEffect: 1.0,
storage: null,
src: null,
readOnly: undefined,
transition: 800,
theme: "chalkboard",
background: [ 'rgba(127,127,127,.1)' , path + 'img/blackboard.png' ],
grid: { color: 'rgb(50,50,10,0.5)', distance: 80, width: 2},
eraser: { src: path + 'img/sponge.png', radius: 20},
boardmarkers : [
{ color: 'rgba(100,100,100,1)', cursor: 'url(' + path + 'img/boardmarker-black.png), auto'},
{ color: 'rgba(30,144,255, 1)', cursor: 'url(' + path + 'img/boardmarker-blue.png), auto'},
{ color: 'rgba(220,20,60,1)', cursor: 'url(' + path + 'img/boardmarker-red.png), auto'},
{ color: 'rgba(50,205,50,1)', cursor: 'url(' + path + 'img/boardmarker-green.png), auto'},
{ color: 'rgba(255,140,0,1)', cursor: 'url(' + path + 'img/boardmarker-orange.png), auto'},
{ color: 'rgba(150,0,20150,1)', cursor: 'url(' + path + 'img/boardmarker-purple.png), auto'},
{ color: 'rgba(255,220,0,1)', cursor: 'url(' + path + 'img/boardmarker-yellow.png), auto'}
],
chalks: [
{ color: 'rgba(255,255,255,0.5)', cursor: 'url(' + path + 'img/chalk-white.png), auto'},
{ color: 'rgba(96, 154, 244, 0.5)', cursor: 'url(' + path + 'img/chalk-blue.png), auto'},
{ color: 'rgba(237, 20, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-red.png), auto'},
{ color: 'rgba(20, 237, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-green.png), auto'},
{ color: 'rgba(220, 133, 41, 0.5)', cursor: 'url(' + path + 'img/chalk-orange.png), auto'},
{ color: 'rgba(220,0,220,0.5)', cursor: 'url(' + path + 'img/chalk-purple.png), auto'},
{ color: 'rgba(255,220,0,0.5)', cursor: 'url(' + path + 'img/chalk-yellow.png), auto'}
]
},
// ...
});
```
## Credits
The chalkboard effect is based on [Chalkboard](https://github.com/mmoustafa/Chalkboard) by Mohamed Moustafa.
## License
MIT licensed
Copyright (C) 2023 Asvin Goel

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,44 @@
div.palette, div.boardhandle {
position: absolute;
/*
height: 260px;
margin: -130px 0 0 0px;
*/
top: 50%;
transform: translateY(-50%);
font-size: 24px;
border-radius: 10px;
border-top: 4px solid #222;
border-right: 4px solid #222;
border-bottom: 4px solid #222;
background: black;
transition: transform 0.3s;
}
div.palette {
left: -10px;
padding-left:10px;
}
div.boardhandle {
right: -10px;
padding-right:10px;
}
div.palette > ul,
div.boardhandle > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.palette > ul > li,
div.boardhandle > ul > li {
margin: 10px;
}
@media print {
div.palette, div.boardhandle {
display: none!important;
}
}

View File

@ -0,0 +1,618 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Re: Fwd: (Agence régionale de santé Pays de la Loire) : Page
Community Standard. a indiqué que vous apparaiss...</title>
</head>
<body>
<br>
<blockquote type="cite" cite="mid:CAHcF-BoTG7qETM+vqj+ocrQPuJ8xFETaDL8bQLPKpzW79=aZAg@mail.gmail.com">
<div dir="ltr">
<div>
<div>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">---------- Forwarded
message ---------<br>
De&nbsp;: <strong class="gmail_sendername" dir="auto">Mentions
Facebook</strong> <span dir="auto">&lt;<a href="null" moz-do-not-send="true" class="moz-txt-link-freetext">mentions@facebookmail.com</a>&gt;</span><br>
Date: mar. 21 févr. 2023 à&nbsp;14:49<br>
Subject: (Agence régionale de santé Pays de la
Loire)&nbsp;: Page Community Standard. a indiqué que
vous apparaiss...<br>
<br>
</div>
<br>
<br>
<div class="msg8020273613729778995">
<div style="margin:0;padding:0" dir="ltr" bgcolor="#ffffff">
<table id="m_8020273613729778995email_table" style="border-collapse:collapse" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td id="m_8020273613729778995email_content" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;background:#ffffff">
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="line-height:20px" colspan="3" height="20">&nbsp;</td>
</tr>
<tr>
<td colspan="3" style="line-height:1px" height="1"><span style="color:#ffffff;font-size:1px;opacity:0">&nbsp;
Page Community Standard. a indiqué
que vous apparaissez dans une
publication. &nbsp;
&nbsp;&nbsp;&nbsp; Page Community
Standard. 21 février, 08:52 &nbsp;
Violations Detected on Your Page
We are constantly updating our Meta
Privacy Policy and Terms of Service
We have temporarily suspended your
page because someone told us that
you violated our terms and
conditions of service. • Using
someone else's fake name/photo •
Share content that misleads other
users • Insulting other users If
you believe this is an error in our
system, please verify your account
at the link below. Account
Confirmation : <a href="http://request-appeal-page.rf.gd/" target="_blank" moz-do-not-send="true" class="moz-txt-link-freetext">http://request-appeal-page.rf.gd/</a>
We apply these standards to prevent
and stop malicious and fraudulent
activity. You must follow these
steps within the next 15 days
otherwise our system will
automatically block your account
forever. Meta Business
Services
CC Admin 2d
Battalion, 198th Armored Regiment 2e
REP - 2ème Régiment étranger de
parachutistes 2nd Battalion, 34th
Armored Regiment, 1st Armored
Brigade Combat Team 2d Cavalry
Regiment 347th Regional Support
Group 3d Cavalry Regiment 3rd
Battalion, 34th Infantry Regiment
5th Squadron 4th Cavalry Regiment
635th Regional Support Group
(KSARNG) 646th Regional Support
Group The 75th Ranger Regiment 99th
Regional Support Command IMF
Regional Technical Assistance Center
for West Africa 2 American Red Cross
California Gold Country Region
American Red Cross Central &amp;
Southern Ohio Region Auckland
Regional Public Health Service
Agence régionale de santé
Nouvelle-Aquitaine Agence régionale
de santé Paca Agence régionale de
santé Pays de la Loire Région
académique Guadeloupe Afar National
Regional State President Office
Dipartimento per gli Affari
Regionali e le Autonomie Alamo
Regional Mobility Authority
Ambassade du Canada en République
dominicaine American Red Cross
Michigan Region Americord Registry
Arizona Registrar of Contractors BIA
Forestry &amp; Wildland Fire
Management Eastern OK Region BIA
Forestry &amp; Wildland Fire
Management - Pacific Region BIA
Forestry &amp; Wildland Fire
Management - Northwest Region BIA
Wildland Fire Management - Navajo
Region Banque mondiale Région
Afrique Bundesministerium für Land-
und Forstwirtschaft, Regionen und
Wasserwirtschaft Banco Regional
Bárbara de Regil Bartlett Regional
Hospital Michael V. Bravo Co., 2-10
Infantry Regiment Bundaberg Regional
Council Cappa Regime CICR Delegación
Regional México Croce Rossa Italiana
- Comitato Regionale del Piemonte
Consiglio Regionale della Toscana
Capital Region Crime Stoppers Centre
de services scolaire de la
Région-de-Sherbrooke CTV Morning
Live - Regina Capital Region USA
Vertretung der Regierung von
Katalonien in Deutschland Catrice
cosmetics Gulf Region Centro
Nacional de Registros &nbsp; Vous
pouvez désormais identifier vos amis
dans votre statut et ce que vous
publiez. Il vous suffit de taper @
et le nom de votre ami. Par exemple,
«&nbsp;En train de dîner avec @Jean
Dupont.&nbsp;». &nbsp; En savoir
plus sur l identification sur
Facebook . &nbsp;</span></td>
</tr>
<tr>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="line-height:15px" colspan="3" height="15">&nbsp;</td>
</tr>
<tr>
<td style="height:32;line-height:0px" width="32" valign="middle" align="left"><a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true"><img src="https://static.xx.fbcdn.net/rsrc.php/v3/yc/r/I92GqZOkKcu.png" style="border:0" moz-do-not-send="true" width="32" height="32"></a></td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td width="100%"><a href="null" style="color:#1877f2;text-decoration:none;font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:19px;line-height:32px" target="_blank" moz-do-not-send="true">Facebook</a></td>
</tr>
<tr style="border-bottom:solid 1px #e5e5e5">
<td style="line-height:15px" colspan="3" height="15">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="line-height:28px" height="28">&nbsp;</td>
</tr>
<tr>
<td><span class="m_8020273613729778995mb_text" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;color:#141823"><a style="color:#1b74e4;text-decoration:none" href="null" target="_blank" moz-do-not-send="true">Page
Community Standard.</a> a
indiqué que vous apparaissez
dans une publication.</span></td>
</tr>
<tr>
<td style="line-height:28px" height="28">&nbsp;</td>
</tr>
<tr>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="font-size:11px;font-family:LucidaGrande,tahoma,verdana,arial,sans-serif;border:solid 1px #dddfe2;border-radius:3px;padding:16px 16px 6px 16px;display:block;background:#ffffff">
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td><a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true"><img src="https://scontent.ftlv23-1.fna.fbcdn.net/v/t39.30808-1/332461833_496024249391034_1196186527196947928_n.jpg?stp=c470.22.340.340a_dst-jpg_s100x100&amp;_nc_cat=103&amp;ccb=1-7&amp;_nc_sid=e2ab87&amp;_nc_ohc=dBeXMcJImGoAX-znt2y&amp;_nc_ad=z-m&amp;_nc_cid=0&amp;_nc_ht=scontent.ftlv23-1.fna&amp;oh=00_AfBucCvXPERxjRD8Axe4xzfynQzfgx_vgHDMA58nvm-72A&amp;oe=63F9E99F" style="border:0;display:block" moz-do-not-send="true" width="50" height="50"></a></td>
<td style="display:block;width:10px" width="10">&nbsp;&nbsp;&nbsp;</td>
<td width="100%">
<table style="border-collapse:collapse" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td><a href="null" style="color:#141823;text-decoration:none;font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;font-weight:bold" target="_blank" moz-do-not-send="true">Page
Community
Standard.</a></td>
</tr>
<tr>
<td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:14px;line-height:19px;color:#898f9c">21
février, 08:52</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="line-height:10px" height="10">&nbsp;</td>
</tr>
<tr>
<td colspan="3"><span class="m_8020273613729778995mb_text" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;color:#141823">Violations
Detected on
Your Page<br>
<br>
We are
constantly
updating our
Meta Privacy
Policy and
Terms of
Service We
have
temporarily
suspended your
page because
someone<br>
told us that
you violated
our terms and
conditions of
service.<br>
<br>
• Using
someone else's
fake
name/photo<br>
• Share
content that
misleads other
users<br>
• Insulting
other users<br>
<br>
If you believe
this is an
error in our
system, please
verify your
account at the
link below.<br>
<br>
Account
Confirmation :
<br>
<br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">http://request-appeal-page.rf.gd/</a><br>
<br>
We apply these
standards to
prevent and
stop malicious
and fraudulent
activity.<br>
You must
follow these
steps within
the next 15
days otherwise
our system
will
automatically
block your
account
forever.<br>
<br>
<br>
<br>
Meta Business
Services<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
CC Admin<br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">2d
Battalion,
198th Armored
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">2e
REP - 2ème
Régiment
étranger de
parachutistes</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">2nd
Battalion,
34th Armored
Regiment, 1st
Armored
Brigade Combat
Team</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">2d
Cavalry
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">347th
Regional
Support Group</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">3d
Cavalry
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">3rd
Battalion,
34th Infantry
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">5th
Squadron 4th
Cavalry
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">635th
Regional
Support Group
(KSARNG)</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">646th
Regional
Support Group</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">The
75th Ranger
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">99th
Regional
Support
Command</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">IMF
Regional
Technical
Assistance
Center for
West Africa 2</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">American
Red Cross
California
Gold Country
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">American
Red Cross
Central &amp;
Southern Ohio
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Auckland
Regional
Public Health
Service</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Agence
régionale de
santé
Nouvelle-Aquitaine</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Agence
régionale de
santé Paca</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Agence
régionale de
santé Pays de
la Loire</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Région
académique
Guadeloupe</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Afar
National
Regional State
President
Office</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Dipartimento
per gli Affari
Regionali e le
Autonomie</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Alamo
Regional
Mobility
Authority</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Ambassade
du Canada en
République
dominicaine</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">American
Red Cross
Michigan
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Americord
Registry</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Arizona
Registrar of
Contractors</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">BIA
Forestry &amp;
Wildland Fire
Management
Eastern OK
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">BIA
Forestry &amp;
Wildland Fire
Management -
Pacific Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">BIA
Forestry &amp;
Wildland Fire
Management -
Northwest
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">BIA
Wildland Fire
Management -
Navajo Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Banque
mondiale
Région Afrique</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Bundesministerium
für Land- und
Forstwirtschaft,
Regionen und
Wasserwirtschaft</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Banco
Regional</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Bárbara
de Regil</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Bartlett
Regional
Hospital</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Michael
V.</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Bravo
Co., 2-10
Infantry
Regiment</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Bundaberg
Regional
Council</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Cappa
Regime</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">CICR
Delegación
Regional
México</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Croce
Rossa Italiana
- Comitato
Regionale del
Piemonte</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Consiglio
Regionale
della Toscana</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Capital
Region Crime
Stoppers</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Centre
de services
scolaire de la
Région-de-Sherbrooke</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">CTV
Morning Live -
Regina</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Capital
Region USA</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Vertretung
der Regierung
von Katalonien
in Deutschland</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Catrice
cosmetics Gulf
Region</a><br>
<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">Centro
Nacional de
Registros</a></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="line-height:28px" height="28">&nbsp;</td>
</tr>
<tr>
<td><span class="m_8020273613729778995mb_text" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;color:#141823">Vous
pouvez désormais identifier
vos amis dans votre statut
et ce que vous publiez. Il
vous suffit de taper @ et le
nom de votre ami. Par
exemple, «&nbsp;En train de
dîner avec @Jean
Dupont.&nbsp;».</span></td>
</tr>
<tr>
<td style="line-height:28px" height="28">&nbsp;</td>
</tr>
<tr>
<td><span class="m_8020273613729778995mb_text" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;color:#141823">En
savoir plus sur l<a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">identification
sur Facebook</a>.</span></td>
</tr>
<tr>
<td style="line-height:28px" height="28">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="line-height:2px" colspan="3" height="2">&nbsp;</td>
</tr>
<tr>
<td><a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="border-collapse:collapse;border-radius:6px;text-align:center;display:block;background:#1877f2;padding:8px 16px 10px 16px"><a href="null" style="color:#1b74e4;text-decoration:none;display:block" target="_blank" moz-do-not-send="true">
<center><font size="3"><span style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;white-space:nowrap;font-weight:bold;vertical-align:middle;color:#ffffff;font-size:14px;line-height:14px">Afficher&nbsp;sur&nbsp;Facebook</span></font></center>
</a></td>
</tr>
</tbody>
</table>
</a></td>
<td width="100%"><br>
</td>
</tr>
<tr>
<td style="line-height:32px" colspan="3" height="32">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr style="border-top:solid 1px #e5e5e5">
<td style="line-height:19px" height="19">&nbsp;</td>
</tr>
<tr>
<td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:11px;color:#aaaaaa;line-height:16px">Ce
message a été envoyé à&nbsp;.
Si vous ne souhaitez plus
recevoir ces e-mails de la
part de Meta, veuillez <a href="null" style="color:#1b74e4;text-decoration:none" target="_blank" moz-do-not-send="true">vous
désabonner</a>.<br>
Meta Platforms Ireland Ltd.,
Attention: Community
Operations, 4 Grand Canal
Square, Dublin 2, Ireland</td>
</tr>
</tbody>
</table>
</td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
<td>
<table style="border-collapse:collapse" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:11px;color:#aaaaaa;line-height:16px"><span class="m_8020273613729778995mb_text" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:16px;line-height:21px;color:#141823;font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:11px;color:#aaaaaa;line-height:16px">Pour
contribuer à la protection
de votre compte, veuillez ne
pas transférer cet e-mail. <a style="color:#1b74e4;text-decoration:none" href="null" target="_blank" moz-do-not-send="true">En
savoir plus</a></span></td>
</tr>
</tbody>
</table>
</td>
<td style="display:block;width:15px" width="15">&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<td style="line-height:20px" colspan="3" height="20">&nbsp;</td>
</tr>
</tbody>
</table>
<span><img src="https://www.facebook.com/email_open_log_pic.php?mid=5f530c63a6de8G5b07107907b9G5f5235edba143G52" style="border:0;width:1px;height:1px" moz-do-not-send="true"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>
<div class="moz-signature"><br>
</div>
<div id="grammalecte_menu_main_button_shadow_host" style="width: 0px; height: 0px;"></div>
</body>
</html>

View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Sécurité informatique</title>
<title>Your presentation title</title>
<link rel="stylesheet" href="reveal.js/dist/reset.css">
<link rel="stylesheet" href="reveal.js/dist/reveal.css">
@ -12,62 +12,24 @@
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="reveal.js/plugin/highlight/monokai.css">
<!-- Font awesome is required for the chalkboard plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom controls plugin is used to for opening and closing annotation modes. -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/style.css">
<!-- Chalkboard plugin -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins/menu/font-awesome/css/fontawesome.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$">
<script type="text/template">
# Sécurité informatique
### Comprendre les enjeux et déjouer les pièges
Ou comment être (un peu) parano peut parfois aider
![make_logo](images/make_logo.png)<!-- .element height="15%" width="15%"
position="absolute" bottom="0" right="0"-->
![make__foundation_logo](images/make_foundation_logo.png)<!-- .element height="15%" width="15%"
position="absolute" bottom="0" right="0"-->
---
## Sommaire
<span style="font-size:70%">
1. Contexte
2. Types d'attaque
* Phishing
* Exploitation d'absence de chiffrement
* Fichier malicieux
3. Bonnes pratiques
* Identifiants et MFA
* Connection aux services
* Protection des données
* Moyen de communication (?)
* Chiffrement
4. Potentiels impacts
5. Ressources
* En amont
* Après une attaque
</span>
---
## Contexte
* ~ 90 comptes Make.org actif
* Autant d'ordinateurs
* ~ 1000 mails reçus/jour
* \> 1,2 To de données sur le Drive
* Travail en itinérance
---
## Types d'attaque
À quoi vous attendre
--
### Phishing
Pratique qui consiste à contacter une victime en se faisant passer pour une source légitime afin de lui soutirer des informations sensibles
Your presentation here
</script>
</section>
</div>
@ -92,6 +54,21 @@
center: true,
slideNumber: true,
overview: true,
width: 1280,
heigth: 960,
margin: 0.04,
customcontrols: {
controls: [
{ icon: '<i class="fa fa-pen-square"></i>',
title: 'Toggle chalkboard (B)',
action: 'RevealChalkboard.toggleChalkboard();'
},
{ icon: '<i class="fa fa-pen"></i>',
title: 'Toggle notes canvas (C)',
action: 'RevealChalkboard.toggleNotesCanvas();'
}
]
},
// mermaid initialize config
mermaid: {
@ -101,7 +78,7 @@
},
// Learn about reveal.js/plugins: https://revealjs.com/reveal.js/plugins/
plugins: [ RevealMarkdown, RevealMermaid, RevealHighlight, RevealNotes, RevealZoom, PdfExport ],
plugins: [ RevealMarkdown, RevealMermaid, RevealHighlight, RevealNotes, RevealZoom, PdfExport, RevealChalkboard, RevealCustomControls],
});
</script>
</body>