From 240a9621884030186d6602a7dba42a4b0e40d09b Mon Sep 17 00:00:00 2001 From: Brian Lovin Date: Wed, 16 Jan 2019 18:27:10 -0800 Subject: [PATCH] Add encrypted messaging section --- components/ChecklistItem/style.js | 9 ++-- config/data.js | 2 + config/messagingApps.js | 69 ++++++++++++++++++++++++++++++ static/img/imessage.png | Bin 0 -> 2665 bytes static/img/signal.jpg | Bin 0 -> 2248 bytes static/img/whatsapp.jpg | Bin 0 -> 2657 bytes 6 files changed, 77 insertions(+), 3 deletions(-) create mode 100644 config/messagingApps.js create mode 100644 static/img/imessage.png create mode 100644 static/img/signal.jpg create mode 100644 static/img/whatsapp.jpg diff --git a/components/ChecklistItem/style.js b/components/ChecklistItem/style.js index 5d8ba91..4861b9d 100644 --- a/components/ChecklistItem/style.js +++ b/components/ChecklistItem/style.js @@ -23,9 +23,9 @@ export const Title = styled.h3` font-weight: 500; color: ${theme.text.default}; display: flex; - line-height: 1.2; + line-height: 1.4; justify-content: space-between; - align-items: center; + align-items: flex-start; `; export const Description = styled(Markdown)` @@ -333,6 +333,8 @@ export const Uncollapse = styled.span` align-items: center; justify-content: center; margin-right: 8px; + margin-left: 16px; + flex: 0 1 140px; @media (max-width: 768px) { display: none; @@ -394,7 +396,7 @@ export const ExpandContainer = styled.div` display: flex; align-items: center; justify-content: center; - width: 100%; + width: calc(100% + 12px); position: relative; background: ${theme.bg.wash}; border: 1px solid ${tint(theme.bg.wash, -4)}; @@ -402,6 +404,7 @@ export const ExpandContainer = styled.div` padding: 8px 16px; margin-bottom: -28px; margin-top: 16px; + margin-left: -16px; @media (max-width: 768px) { margin-bottom: 0; diff --git a/config/data.js b/config/data.js index 7498653..f2108f7 100644 --- a/config/data.js +++ b/config/data.js @@ -14,6 +14,7 @@ import socialMedia from './socialMedia'; import phishing from './phishing'; import physicalPrivacy from './physicalPrivacy'; import geotagging from './geotagging'; +import messagingApps from './messagingApps'; export default { passwordManager, @@ -31,5 +32,6 @@ export default { appPermissions, geotagging, socialMedia, + messagingApps, phishing, }; diff --git a/config/messagingApps.js b/config/messagingApps.js new file mode 100644 index 0000000..d38b41e --- /dev/null +++ b/config/messagingApps.js @@ -0,0 +1,69 @@ +export default { + id: 'messagingApps', + title: 'Use encrypted messaging apps when sharing sensitive information', + description: `When sharing senstive information over chat, you should be using a secure, end-to-end encrypted messaging service. End-to-end encryption ensures that only you and your intended recipient are able to view messages. Your messages will appear scrambled and will be nearly-impossible to unscramble to anyone else, including app developers and ISPs. + `, + apps: [ + { + name: 'iMessage', + image: '/static/img/imessage.png', + url: 'https://support.apple.com/explore/messages', + sources: { + macos: 'https://support.apple.com/explore/messages', + ios: 'https://support.apple.com/explore/messages', + }, + }, + { + name: 'WhatsApp', + image: '/static/img/whatsapp.jpg', + url: 'https://www.whatsapp.com/', + sources: { + windows: 'https://www.whatsapp.com/download', + macos: 'https://www.whatsapp.com/download', + ios: + 'http://itunes.apple.com/us/app/whatsapp-messenger/id310633997?mt=8', + android: 'https://play.google.com/store/apps/details?id=com.whatsapp', + }, + }, + { + name: 'Signal', + image: '/static/img/signal.jpg', + url: 'https://www.signal.org/', + sources: { + windows: 'https://www.signal.org/download/', + macos: 'https://www.signal.org/download/', + ios: + 'https://itunes.apple.com/us/app/signal-private-messenger/id874139669?mt=8', + android: + 'https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms&referrer=utm_source%3DOWS%26utm_medium%3DWeb%26utm_campaign%3DNav', + linux: 'https://www.signal.org/download/', + }, + }, + ], + resources: [ + { + name: 'What is end-to-end encryption?', + url: 'https://www.lifewire.com/what-is-end-to-end-encryption-4028873', + }, + { + name: 'Hacker lexicon: end-to-end encryption', + url: + 'https://www.wired.com/2014/11/hacker-lexicon-end-to-end-encryption/', + }, + { + name: 'Encrypted messaging isn’t magic', + url: 'https://www.wired.com/story/encrypted-messaging-isnt-magic/', + }, + { + name: + 'Why you need a better handle on the WhatsApp, Signal and Telegram apps', + url: + 'https://www.cnet.com/news/you-might-not-really-understand-how-encrypted-messaging-apps-work/', + }, + { + name: 'The best and worst encrypted messaging apps', + url: + 'https://gizmodo.com/the-best-and-worst-encrypted-messaging-apps-1782424449', + }, + ], +}; diff --git a/static/img/imessage.png b/static/img/imessage.png new file mode 100644 index 0000000000000000000000000000000000000000..8305e24486f2966e2b84cc77c3ef19a21e8690ce GIT binary patch literal 2665 zcmV-v3YPVWP)EED5+K4Z0~{^LY!o zCl|jmUh;Td@OA^XAsE0k4YnmD#y=m!I$7&-BE&ravj;Z2L?*{UT<&!_(o-tQMJUKa zHqTHm%t}AiSzGLMSm|&r%SZeE{5;fFG|o;k%}hw!VF0}VQsZk(-epSMV>!)GY5sy% z=x|izZCK)OQQ>M%-)BbJUo^xi6qw_=02gd`azTOW0vD$Vf7~J^-@-`TqLc^WL@KxQOPJS@v~W<#A5oXhhjv zL)Tq4%S|A{ITXM$0KotNwg8XuooM)ga@2fb=XX}$ZAtZOQ`=}x+h#l9TtU)UEW$r1 z!aXIqGyuK;0IdM@{Pphn@8kXFzWT+r<+_*trJ&iQjO&_&3$W zci4ku@_SwRd0_2$SN?WJ>SjOkWku&?I`v~ix+MU`0RXxH@BH!I{o&T|*}&+-r1`Ll^O=I^ zka6~gc-@6-`h#%gfo1-GWBPqi{&Gb8YCP;=Ce=(IxGw<5DFDA80K^>tz!2>I?&tRC z%IeL+^vAgQz`NzXu>QNE;;5JRrH1a6fBln$>ywMsk$u&MZuW$D(}7y@bW!ziPs3X> z-c~5zQxeofHNZm*&p!am8tDD%(D~Gu-=B;9oRr#|i13$qR9M5T&p&IU za2&_+Uuq9^6wH&j+3`0-p@U8toG*h9Kyi`cC}dC+kvxb977?psh7dxAkc>IHL{`^H0vInQ32z9AvW&(AB0$|!h^tcgBzIPUsC<2YxgPpnZfFFNMPN1e+u|24fn zqx99!vQ)RepO7R%;ltKXIk>wsgGuUdXODm!d*nFt9q#IragM*8bPrcnNqHi@keK zEgpKZx4(T!_FIIYVdC|O<|~OmeRP#Ucq;&{y-0kJVe}xw0J$-7{{&$4)&vToD8fI> zkVhEsMQ8$*DMH=ZTA*u>XEW?lVKL&z4=h29!CAuz2kd^}_ zo{p_>HRPe;DzwJaSQ#wgh_2r(RTL_?_DGV=<+B!c&`BLtd)}C`R7Wy6_=SE3nE5M= zH|D&r76MfX9a8(Txxsb2Kto!9S>`B~VOhKgUNjz-BnYQbB)sw3OR&H!%T%}SZGWwt5YHv288}f3rMQB6 zS^{1#gZO?*pO3*LH9XKwkVOPIhACjON`s`P;(sPnIhYs9MINQ*zz%?aC)EMXysm8(!qL)>~D@KGwybtL4x-8LT;s#wl@QD~C zGV}G&g&Yrw7i{g;B10n3ZesrgEr!^`KD5{N zEoQwu-*b<=n_3KE;MA_tW!0JnU0(2q^SWnE7zhJ6e%tvKgo0GlfTwowwoHXC4!OZe z10709a4R_2sVUg0h3;A@A_Ow%;wWP2P+Tfbq99#$aCWk#rBCiq6Q!-@@1VgvKZ0_3 zx%|2ohyabGlYV`X@(bQ7ip~+^5kS*8b~2J?-5(f09|I#P5C99Nq3{iT^67W!%_cfG z6vMnjg_fF8po~5#5P#rFv#JY26<{_4udJFeZ~cMkfvRLVqP766s;4|zw`Ry!T}zjR zA;6McmYqs5`O?oB`=wRR$`CN6Y7<=z0OG||tLq0GTk2A9z`J2Nwya!BBeI`IP`y@K z0|N)l9WKjN=dk?tT*vco7cgw1`&v#~Zc909jP?;>*LTZ3KYReNBCV^8@+g4!@bV+i zcn!c}B@tgmr9}hn`a8mIuOmrXPbUOOj}ohnXnc|1Q6$ds#l6$Ta}K(SQfhYzB7q(5 zH*wddH0m1W;6qyrM_q+AYWGqI;eQV=)wAj5Y+HbyB8*P8#@{C%3|}_rl(L9tRDc~8 zig*fzwc^?NZx`tR1aIlSUDU#xlMKLKhXq5M-8`N3F~a=G2V)F|kl-_dNd3+3u$!&1 zAnU-NGGzzBt=My)06~z*p#bIKpH}RjwNWq*;P^A8VAA$zL9Zdb7jTO&;2E9_4lbvO zW1_qN8VD{njim31rK0kRi*_chD}SaM1A{pSzZexhqN2&mfA=?~5QR zIJx(mlxfY10=cjrFeB_*QEf0e#;Sg^o*zeufOycP^=-Ij2Ih#lJ!EU~zIu|#C1xKEmI=z! z2po|Qp~C6e*?}@WRpz)y{zyuw(CO2I(1nifaSUL%8X#Jrt7PL1svPa5=$54Z6eUp< zbdIJQZ$Wc~AfkYTUW)$86a_D(IgX=uN0z6aaA`(!oZ0wBi~`+6obGu=`f+Dz;dwfT z%u|cUk@^oUUV3aG(?m!VFLxq}s9Mk2(u`cw2GT#`eaU)QMbW37MA7QOlKdGNeeV1M XJ|!W8lh}}u00000NkvXXu0mjfbQUq& literal 0 HcmV?d00001 diff --git a/static/img/signal.jpg b/static/img/signal.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cb07f52e2f9af5cf31f7ee200e10bdb267d18e96 GIT binary patch literal 2248 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 literal 0 HcmV?d00001