Wanted to do some magazine layouts, so I decided to create a Marvel Magazine. I regret everything.
Responsiveness may not be perfect.
There are 20+ sources to credit, that I may do a "Source page" later.
Martial Jefferson MJefferson
MJefferson
/ interactive.mjs
Created
November 2, 2022 07:03
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env zx | |
| // Copyright 2021 Google LLC | |
| // | |
| // Licensed under the Apache License, Version 2.0 (the "License"); | |
| // you may not use this file except in compliance with the License. | |
| // You may obtain a copy of the License at | |
| // | |
| // https://www.apache.org/licenses/LICENSE-2.0 | |
| // |
MJefferson
/ css-grid-magazine-layouts.markdown
Created
July 16, 2022 07:13
CSS Grid: Magazine Layouts
MJefferson
/ install_r_ubuntu.sh
Last active
December 9, 2021 22:39
R Installation on Ubuntu 20.04 (Focal)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Ensure that you are root | |
| # Following instructions from (R docs)[https://cran.r-project.org/bin/linux/ubuntu/] | |
| # update indices | |
| apt update -qq | |
| # install two helper packages we need | |
| apt install --no-install-recommends software-properties-common dirmngr | |
| # add the signing key (by Michael Rutter) for these repos | |
| # To verify key, run gpg --show-keys /etc/apt/trusted.gpg.d/cran_ubuntu_key.asc |
MJefferson
/ setup.sh
Last active
December 1, 2021 22:46
— forked from ddbs/dsu.sh
Data Science Ubuntu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Instructions to build a Data Science VM based on Ubuntu Xenial | |
| ###################################### | |
| # Pre-requisites | |
| ###################################### | |
| # Install Virtual Box 5.1+ | |
| # https://www.virtualbox.org/ | |
| # Install Ubuntu 16.04.1 LTS on VirtualBox |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| global: | |
| sdk_api_key: "mKcTG7-4SQW6UfAbYdJZ8g" | |
| import: | |
| # Components | |
| - components/globals.yaml | |
| - components/fonts.yaml | |
| # Styles | |
| - styles/common.yaml | |
| - styles/lines.yaml |
A Pen by Martial Jefferson on CodePen.
MJefferson
/ chart-js-geo-plugin-choropleth-usa.markdown
Created
March 16, 2021 07:24
Chart.js Geo Plugin - Choropleth USA
A Pen by Martial Jefferson on CodePen.
MJefferson
/ d3-react-choropleth-map.markdown
Last active
November 17, 2020 07:26
D3 & React Choropleth Map
freeCodeCamp Project for D3
A Pen by Paul DiLoreto on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Septimien</title> | |
| <!-- Material via CDN --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="mdc-components"> | |
| <div class="mdc-components__section"> | |
| <div class="mdc-components__column"> | |
| <div> | |
| <div class="mdc-component mdc-component__buttons"> | |
| <p>Buttons</p> | |
| <div class="mdc-component__section"> | |
| <div class="mdc-component__containers"> | |
| <div class="mdc-component__containers__primary"> | |
| <p>Primary</p><button class="mdc-fab material-icons" aria-label="Add"><span class="mdc-fab__icon">add</span></button> <button class="mdc-fab material-icons mdc-fab--plain" aria-label="Add"><span class="mdc-fab__icon">add</span></button> |