A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Years of Mark Zuckerberg's old Facebook posts have vanished. The company says it 'mistakenly deleted' them. (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.businessinsider.fr/us/facebook-old-posts-mark-zuckerberg-disappeared-2019-3">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Years of Mark Zuckerberg's old Facebook posts have vanished. The company says it 'mistakenly deleted' them. (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.businessinsider.fr/us/facebook-old-posts-mark-zuckerberg-disappeared-2019-3">Source originale du contenu</a></h3>
  445. <p class=""> Old Facebook posts by Mark Zuckerberg have disappeared — obscuring details about core moments in Facebook's history. </p>
  446. <p class=""> On multiple occassions, years-old public posts made by the 34-year-old billionaire chief executive that were previously public and reported on by news outlets at the time have since vanished, Business Insider has found. That includes all of the posts he made during 2007 and 2008. </p>
  447. <p class=""> Reached for comment, a Facebook spokesperson said the posts were "mistakenly deleted" due to "technical errors." </p>
  448. <p class=""> "A few years ago some of Mark's posts were mistakenly deleted due to technical errors. The work required to restore them would have been extensive and not guaranteed to be successful so we didn't do it," the spokesperson said in a statement. </p>
  449. <p class=""> "We agree people should be able to find information about past announcements and major company news, which is why for years we've shared and archived this information publicly — first on our blog and in recent years on our Newsroom." </p>
  450. <p class=""> These disappearances, along with other changes Facebook has made to how it saves its archive of announcements and blog posts, make it much harder to parse the social network's historical record. This makes it far more difficult to hold the company, and Zuckerberg himself, accountable to past statements — particularly during a period of intense scrutiny of the company in the wake of a string of scandals. </p>
  451. <p class=""> The very nature of the issue means it is extremely challenging to make a full accounting of what exactly what has gone missing over the years. The spokesperson said they didn't know how many posts in total were deleted. </p>
  452. <h2 class=""> The curious case of Mark Zuckerberg's vanishing Facebook posts </h2>
  453. <p class=""> In April 2012, Facebook acquired Instagram — a now-pivotal moment in the growth of the Menlo Park, California technology giant. <a href="https://techcrunch.com/2012/04/09/facebook-instagram-features/" class="external" target="_blank">Multiple</a><a href="https://marketingland.com/facebook-acquires-instagram-for-a-reported-one-billion-dollars-9637" class="external" target="_blank"> news reports</a> from the time quoted from a public post that Zuckerberg made on his timeline about the acquisition — but that post now inaccessible. </p>
  454. <p class=""><a href="https://www.facebook.com/zuck/posts/10100318398827991" class="external" target="_blank">The links to that post from old news articles</a> no longer work, and it's nowhere to be seen on his profile. </p>
  455. <p class=""> It was an important document in the history of Facebook, particularly given <a href="https://marketingland.com/facebook-acquires-instagram-for-a-reported-one-billion-dollars-9637" class="external" target="_blank"> Zuckerberg promised that</a> "we're committed to building and growing Instagram independently" — a commitment he has since walked back. Facebook is now integrating the photo-sharing app into itself ever-more closely, and tensions around this <a href="https://www.bbc.com/news/technology-45635736" class="external" target="_blank">contributed to the departure of Instagram's two cofounders in September 2018</a>. (A copy of Zuckerbrerg's post has also been <a href="https://newsroom.fb.com/news/2012/04/facebook-to-acquire-instagram/" class="external" target="_blank"> preserved in Facebook's Newsroom blog</a>.) </p>
  456. <p class=""><strong class="">READ MORE:</strong><a href="https://www.businessinsider.com/facebook-exec-andrew-boz-bosworth-broke-rule-real-name-2019-1" class="external" target="_blank"><em class=""><strong class="">Facebook exec Andrew Bosworth broke the social network's rule on using your real name for 8 years</strong></em></a></p>
  457. <p class=""> The most drastic deletions involved entire years. Throughout both 2006 and 2009, Zuckerberg was regularly active on the social network — but there are no posts visible of any kind for the two full years in between. The spokesperson confirmed that all the posts during 2007 and 2008 were deleted. </p>
  458. <p class=""><figure id="img-667140" class="figure image-figure-image postload" data-type="img" data-e2e-name="image-figure-image" data-media-container="image"><postload-img data-src="https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-750-392.jpg" data-sizes="(min-width: 960px) and (max-width: 1259px) 640px, (min-width: 1260px) 960px, (-webkit-min-device-pixel-ratio: 2) 50vw, 100vw" data-srcset="https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-160-84.jpg 160w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-320-167.jpg 320w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-480-251.jpg 480w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-640-335.jpg 640w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-750-392.jpg 750w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-960-502.jpg 960w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-1136-594.jpg 1136w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-1334-698.jpg 1334w, https://amp.businessinsider.com/images/5c9e89bc77584e5969565ce4-1536-804.jpg 1536w" data-alt="facebook page not available"/><span class="image-source-caption "><figcaption class="image-caption" data-e2e-name="image-caption">This is the error message you see when you click on a link to one of Mark Zuckerberg's vanished Facebook posts.</figcaption><span class="image-source" data-e2e-name="image-source"> Facebook </span></span></figure></p>
  459. <p class=""> Another, specific example from later on: Facebook's beloved head chef Josef Desimone died in a motorcycle crash in July 2013. <a href="https://techcrunch.com/2013/07/22/josef-desimone/" class="external" target="_blank">TechCrunch reported at the time that</a> Zuckerberg shared the news <a href="https://www.facebook.com/zuck/posts/10100895107738711" class="external" target="_blank">in a post on Facebook</a>. However, that post is now inaccessible as well. </p>
  460. <p class=""> Facebook would go on to throw a party in Desimone's memory at its headquarters the following month. Hundreds of people were invited, and booze flowed freely — and it subsequently descended into chaos. <a href="https://www.businessinsider.com/facebook-2013-memorial-party-chef-violence-gangs-2019-3" class="external" target="_blank"> As Business Insider previously reported, multiple fights broke out among attendees</a>, which security staff believed were gang-related. </p>
  461. <p class=""> Numerous other posts by Zuckerberg from these time periods remain publicly available. </p>
  462. <h2 class=""> Facebook has also made it harder to navigate its archives of old announcements </h2>
  463. <p class=""> Lastly, there have been issues accessing Facebook's archive of older blog posts. </p>
  464. <p class=""> In years past, Facebook had a dedicated blog that announcements would often be posted to and which was navigable by month; <a href="https://web.archive.org/web/20090618174214/http://blog.facebook.com/blog.php?post=2208197130"> an archived example of a post is available here, via the Internet Archive</a>. But in 2014, Facebook launched its new <a href="https://newsroom.fb.com/" class="external" target="_blank">"Newsroom,"</a> a repository for its key announcements, and broke the public links to old blog posts. </p>
  465. <p class=""> Now, when you click on a link to a blog post included in an old news story, it redirects you to the Newsroom. The Newsroom doesn't have copies of many of these old blog posts, meaning there's no easy way to access them. </p>
  466. <p class=""> They <em class="">do</em> still exist in one form — as a "note" saved to Facebook's public "Facebook" page on the social network. But until today there was no centralized archive through which to browse them, like what was available for the Facebook blog, or like what exists today for Newsroom posts. </p>
  467. <p class=""> Instead, to read a specific one, you had to either know about it already and search for keywords on Google, or scroll back through the Facebook page's thousands of posts over the years. </p>
  468. <p class=""> After Business Insider reached out for comment, <a href="https://www.facebook.com/pg/facebook/notes/?ref=page_internal" class="external" target="_blank">Facebook added a public "notes" tab to the Facebook page to access them</a>. (A Facebook spokesperson said that the Notes tab should have been available since 2014, but "a bug" meant it wasn't viewable. Business Insider tried to find it prior to publication but encountered page-unavailable error messages.) As of press time, however, the notes tab was loading extremely slowly. </p>
  469. <p class=""><strong class="">READ MORE: <a href="https://www.businessinsider.com/catalina-facebook-bird-sized-drones-connectivity-data-2019-3" class="external" target="_blank"><em class="">Facebook secretly explored building bird-size drones to ferry data to people with bad internet connections</em></a></strong></p>
  470. <p class=""> Take, for example, the 2006 launch of the News Feed, which is now an advertising juggernaut that now makes billions of dollars for the company. Zuckerberg tried to quash early user backlash against the News Feed with a blog post called "Calm down. Breathe. We hear you," but <a href="http://blog.facebook.com/blog.php?post=2208197130" class="external" target="_blank">a link to it</a> in a <a href="https://techcrunch.com/2006/09/06/facebook-users-revolt-facebook-replies/" class="external" target="_blank"> TechCrunch news report from the time</a> now just redirects to the Newsroom homepage. </p>
  471. <p class=""> There's no copy of the blog post in the Newsroom, and <a href="https://www.facebook.com/notes/facebook/calm-down-breathe-we-hear-you/2208197130/" class="external" target="_blank"> it's currently only available as a note from Facebook</a>. <a href="https://web.archive.org/web/20090618174214/http://blog.facebook.com/blog.php?post=2208197130"> Here's how it looked prior to the closure of the blog</a>, according to the Internet Archive. </p>
  472. <p class=""> The net effect of this change to the archives was to drastically obfuscate Facebook's historical record — making it far harder to find past statements and announcements from the company about itself. </p>
  473. <h2 class=""> Mark Zuckerberg's content has gone AWOL before </h2>
  474. <p class=""> This isn't the first time Zuckerberg-related material has disappeared without warning from Facebook. </p>
  475. <p class=""> In April 2018, <a href="https://techcrunch.com/2018/04/05/zuckerberg-deleted-messages/" class="external" target="_blank">TechCrunch reported that messages sent by the CEO were being deleted from other people's inboxes</a> without their knowledge or consent — a feature that wasn't available to ordinary Facebook users at the time. </p>
  476. <p class=""> And back in November 2016, public posts from Zuckerberg about the media and Facebook's role in the 2016 US election also disappeared, <a href="https://www.theverge.com/2016/11/29/13777018/mark-zuckerberg-facebook-fake-news-election-post-disappeared" class="external" target="_blank"> The Verge reported at the time</a>. </p>
  477. <p class=""> At the time, a spokesperson told the Verge that their removal was an accident and subsequently restored them. </p>
  478. </article>
  479. </section>
  480. <nav id="jumpto">
  481. <p>
  482. <a href="/david/blog/">Accueil du blog</a> |
  483. <a href="https://www.businessinsider.fr/us/facebook-old-posts-mark-zuckerberg-disappeared-2019-3">Source originale</a> |
  484. <a href="/david/stream/2019/">Accueil du flux</a>
  485. </p>
  486. </nav>
  487. <footer>
  488. <div>
  489. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  490. <p>
  491. Bonjour/Hi!
  492. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  493. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  494. </p>
  495. <p>
  496. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  497. </p>
  498. <p>
  499. Voici quelques articles choisis :
  500. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  501. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  502. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  503. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  504. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  505. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  506. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  507. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  508. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  509. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  510. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  511. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  512. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  513. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  514. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  515. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  516. </p>
  517. <p>
  518. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  519. </p>
  520. <p>
  521. Je ne traque pas ta navigation mais mon
  522. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  523. conserve des logs d’accès.
  524. </p>
  525. </div>
  526. </footer>
  527. <script type="text/javascript">
  528. ;(_ => {
  529. const jumper = document.getElementById('jumper')
  530. jumper.addEventListener('click', e => {
  531. e.preventDefault()
  532. const anchor = e.target.getAttribute('href')
  533. const targetEl = document.getElementById(anchor.substring(1))
  534. targetEl.scrollIntoView({behavior: 'smooth'})
  535. })
  536. })()
  537. </script>