diff --git a/src/archive.org b/src/archive.org index 037df31..339686f 100644 --- a/src/archive.org +++ b/src/archive.org @@ -3,5 +3,6 @@ #+EMAIL: yann.esposito@gmail.com #+begin_archive +@@html:
  • @@ @@html:@@ 2019-07-12: @@html:@@ [[file:posts/draft-professional-lessons-and-opinions.org][Professional Lessons and Opinions]] @@html:@@ @@html:
    • @@ @@html:
  • @@ @@html:@@ 2019-07-05: @@html:@@ [[file:posts/2019-07-04-org-publish.org][org-publish]] @@html:@@ @@html:
    • @@ #+end_archive diff --git a/src/assets/css/minimalist.css b/src/assets/css/minimalist.css index de494e9..6f24098 100644 --- a/src/assets/css/minimalist.css +++ b/src/assets/css/minimalist.css @@ -3,7 +3,7 @@ Author: Yann Esposito */ body { - font-family: "Helvetica neue", sans-serif; + font-family: menlo, monospace; font-size: 15px; line-height: 20px; max-width: 50em; @@ -35,12 +35,12 @@ h3 { font-size: 1em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 1em; } -h1::before { content: "# "; opacity: 0.5; } -h2::before { content: "## "; opacity: 0.5; } -h3::before { content: "### "; opacity: 0.5; } -h4::before { content: "#### "; opacity: 0.5; } -h5::before { content: "##### "; opacity: 0.5; } -h6::before { content: "###### "; opacity: 0.5; } +h1::before { content: "# "; } +h2::before { content: "## "; } +h3::before { content: "### "; } +h4::before { content: "#### "; } +h5::before { content: "##### "; } +h6::before { content: "###### "; } hr { position: relative; height: 20px; @@ -52,7 +52,7 @@ hr { } hr:after { content: "----------------------------------------------------------------------------------------------------"; - font-family: "courrier new", monospace; + font-family: menlo, monospace; position: absolute; opacity: 0.3; top: 0; @@ -73,7 +73,7 @@ pre::before { content: "~~~~~~~~~ " attr(class); } code { - font-family: "courrier new", monospace; + font-family: menlo, monospace; } pre code { background: none; } blockquote { @@ -123,7 +123,7 @@ img { max-width: 100%; footer { font-size: 0.8em; opacity: 0.5; } footer:hover { opacity: 1; } navigation { font-weight: bold; - font-family: "courrier new", monospace; + font-family: menlo, monospace; } navigation a { display: inline-block; padding: .5ex 1ex; @@ -143,14 +143,35 @@ td, th { height: 20px; border-left: solid 1px; } -/* colors */ +/* colors + +$base03: #002b36; +$base02: #073642; +$base01: #586e75; +$base00: #657b83; + +$base0: #839496; +$base1: #93a1a1; +$base2: #eee8d5; +$base3: #fdf6e3; + +$yellow: #b58900; +$orange: #cb4b16; +$red: #dc322f; +$magenta: #d33682; +$violet: #6c71c4; +$blue: #268bd2; +$cyan: #2aa198; +$green: #859900; + +*/ + body { - background: #00151b; // 0.5 darker than #002b36; + background: #00151b; /* 0.5 darker than #002b36; */ color: #839496; } -p a, p a:visited { color: #93a1a1; } -a, a:visited { color: #2aa198; } -a:active, a:hover, a:focus { color: #268bd2; } +a, a:visited { color: #93a1a1; } +a:hover, a:active, a:focus { color: #b58900; } thead { background-color: #073642; color: #93a1a1; } tr:hover { background-color: #073642; } @@ -164,7 +185,15 @@ table, td, th { border-color: #073642; } code { background: #002b36; } /* -------- */ /* org mode statuses */ -.todo, .done { color: #000; font-family: "courier new", monospace; font-size: 12px; font-weight: bold; line-height: 20px; padding: 1px 1ex; } +.timestamp-wrapper { font-family: menlo, monospace; font-size: 12px; } +.todo, .done { font-family: menlo, monospace; + font-size: 12px; + font-weight: bold; + line-height: 20px; + padding: 1px 1ex; + } +/* org colors */ +.todo, .done { color: #000; } .TODO { background-color: #dc322f; } .IN_PROGRESS { background-color: #b58900; } .IN_REVIEW { background-color: #2aa198; } @@ -172,4 +201,3 @@ code { background: #002b36; } .WAITING { background-color: #6c71c4; } .DONE { background-color: #859900; } .CANCELED { background-color: #d33682; } -.timestamp-wrapper { font-family: "courier new", monospace; font-size: 12px; } diff --git a/src/demo.org b/src/demo.org new file mode 100644 index 0000000..93bec56 --- /dev/null +++ b/src/demo.org @@ -0,0 +1,148 @@ +#+TITLE: This is the title +#+AUTHOR: Yann Esposito +#+EMAIL: yann.esposito@gmail.com +#+KEYWORDS: programming +#+DESCRIPTION: css demonstration +#+OPTIONS: H:5 + +* Level 1 in org-mode + +This is a text I write so we can test many different details of a web page. +The text can be *bold*, /italic/, +strikethrough+ or =keyword=. + +Here is a [[file:index.html][link to another page]]. + +There should be whitespace between paragraphs. + +Mulitples lines +in the source +code should +be set as a single +paragraph. +But if I use a double space +There should be a forced newline. + +** Level 2 + + There should be whitespace between paragraphs. + GitHub is a code hosting platform for version control and collaboration. + It lets you and others work together on projects from anywhere. + +*** Level 3 + + #+begin_quote + This is a blockquote following a header. + + When something is important enough, you do it even if the odds are not in your + favor. + #+end_quote + +**** Level 4 + + #+begin_src javascript + // Javascript code with syntax highlighting. + var fun = function lang(l) { + dateformat.i18n = require('./lang/' + l) + return true; + } + #+end_src + + #+begin_src ruby + # Ruby code with syntax highlighting + GitHubPages::Dependencies.gems.each do |gem, version| + s.add_dependency(gem, "= #{version}") + end + #+end_src + + #+begin_src clojure + (defn clj-fn + "A clojure function with syntax highlighting" + [arg] + (clojure.pprint/pprint arg)) + #+end_src + + #+begin_src haskell + -- main hello world + main :: IO () + main = do + putStrLn "What is your name?" + name <- getLine + putStrLn $ "Hello " <> name <> "!" + #+end_src + +***** Level 5 + + - this is an unordered list following a header. + - this is an unordered list following a header. + - this is an unordered list following a header. + + 1. this is an ordered list following a header. + 2. this is an ordered list following a header. + - sub unordered + - sub sub unordered + - xxx + - unordered + 1. ordered again + 2. yep :) + 3. this is an ordered list following a header. + 1. sub ordered + 2. second + 1. sub sub ordered + 2. still + 3. here + 4. this is an ordered list following a header. + + | head1 | head two | + |-----------+---------------------------| + | Sir Robin | the not so brave | + | Lancelot | search the =holy= *graal* | + | Galaad | the /pure/ | + | Zoot | Just =Zoot= | + +Bad too wide table... + + | head1 | head two | head3 | head4 | head5 | head 6 | head7 | + |-----------+---------------------------+-----------------------+--------------------+-------------------------------------------------+--------+---------------------------------------| + | Sir Robin | the not so brave | very big content here | super long content | What could I say, I like trying to break things | n/a | superlongwordthatcouldnotfitcorrectly | + | Lancelot | search the =holy= *graal* | | | | | | + | Galaad | the /pure/ | | | | | | + | Zoot | Just =Zoot= | | | | | | + + + There's a horizontal rule below this + + ------ + +*** Here is an unordered list: + + - level 1 item + - level 2 item + - level 2 item + - level 2 item + - level 3 item + - level 3 item + - level 1 item + - level 2 item + - level 3 item + - level 3 item + - level 2 item + - level 2 item + - level 1 item + - level 2 item + - level 2 item + - level 2 item + +***** TODO todo +****** IN-PROGRESS in-progress +******* IN-REVIEW in-review +****** HOLD on hold state + - State "HOLD" from "IN-REVIEW" [2019-07-09 Tue 13:44] \\ + some reason +****** WAITING waiting status + - State "WAITING" from [2019-07-09 Tue 13:44] \\ + waitin for someone +****** DONE done status +****** CANCELED canceled status + CLOSED: [2019-07-09 Tue 13:45] + - State "CANCELED" from [2019-07-09 Tue 13:45] \\ + cancel reason diff --git a/src/homepage.org b/src/homepage.org deleted file mode 100644 index 92c1469..0000000 --- a/src/homepage.org +++ /dev/null @@ -1,70 +0,0 @@ -#+TITLE: her.esy.fun -#+AUTHOR: Yann Esposito -#+EMAIL: yann.esposito@gmail.com -#+KEYWORDS: programming -#+DESCRIPTION: -#+OPTIONS: H:6 - -Welcome to [[https://her.esy.fun][her.esy.fun]]! - -* Testing - -I will test some classical things. -First let's test *bold*, then /italic/ then, =code= and ~terminal~. -Also forgot +barrĂ©+. -And a veryveryveryverylongwordlike Supercalifragilisticexpialidocious -and even longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious -and even very very longer -SupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidocious - -#+begin_src clojure -(def foo - "this is some clojure code" - [& args] - (string/join ", " args)) -#+end_src - -Then let's try some blockquote: - -#+begin_quote -This is a quote here. I'm fond of using it. - --- Shakespeare -#+end_quote - -- item 1 -- item 2 - - sub-item - - re-sub-item - - sub-sub-item - - sub -- item 3 -- item 4 - - -1. foo -2. bar -3. baz - - ------------------------- - -some text - -A figure with a caption: - -#+CAPTION: The bomb that started the expriment in Twin Peaks -#+ATTR_HTML: :alt The bomb -[[file:./img/a.png]] - -* h2 test -** h3 test -*** h4 test -**** h5 test -***** h6 test -****** h7 does not exists -******* lower ... -******** deeper -********* even deeper... -********** still even deeeeper - Deep enough now :) diff --git a/src/index.org b/src/index.org index a68564b..3632e05 100644 --- a/src/index.org +++ b/src/index.org @@ -24,6 +24,9 @@ tend to consume slightly less energy for some screen technologies. With [[http://orgmode.org][org-mode]] +You can have a basic demo about most supported content styles/type (paragraphs, +lists, tables, etc...) [[file:./demo.org][here]]. + * Code magic :noexport: #+begin_src elisp :results none (require 'org) @@ -192,135 +195,3 @@ With [[http://orgmode.org][org-mode]] #+end_src -* Template Testing - -Text can be *bold*, /italic/, +strikethrough+ or =keyword=. - -[[/index.html][Link to another page]]. - -There should be whitespace between paragraphs. - -** Level 2 - - There should be whitespace between paragraphs. - GitHub is a code hosting platform for version control and collaboration. - It lets you and others work together on projects from anywhere. - -*** Level 3 - - #+begin_quote - This is a blockquote folling a header. - - When something is important enough, you do it even if the odds are not in your - favor. - #+end_quote - -**** Level 4 - - #+begin_src javascript - // Javascript code with syntax highlighting. - var fun = function lang(l) { - dateformat.i18n = require('./lang/' + l) - return true; - } - #+end_src - - #+begin_src ruby - # Ruby code with syntax highlighting - GitHubPages::Dependencies.gems.each do |gem, version| - s.add_dependency(gem, "= #{version}") - end - #+end_src - - #+begin_src clojure - (defn clj-fn - "A clojure function with syntax highlighting" - [arg] - (clojure.pprint/pprint arg)) - #+end_src - - #+begin_src haskell - -- main hello world - main :: IO () - main = do - putStrLn "What is your name?" - name <- getLine - putStrLn $ "Hello " <> name <> "!" - #+end_src - -***** Level 5 - - - this is an unordered list following a header. - - this is an unordered list following a header. - - this is an unordered list following a header. - - 1. this is an ordered list following a header. - 2. this is an ordered list following a header. - - sub unordered - - sub sub unordered - - xxx - - unordered - 1. ordered again - 2. yep :) - 3. this is an ordered list following a header. - 1. sub ordered - 2. second - 1. sub sub ordered - 2. still - 3. here - 4. this is an ordered list following a header. - - | head1 | head two | - |-----------+---------------------------| - | Sir Robin | the not so brave | - | Lancelot | search the =holy= *graal* | - | Galaad | the /pure/ | - | Zoot | Just =Zoot= | - -Bad too wide table... - - | head1 | head two | head3 | head4 | head5 | head 6 | head7 | - |-----------+---------------------------+-----------------------+--------------------+-------------------------------------------------+--------+---------------------------------------| - | Sir Robin | the not so brave | very big content here | super long content | What could I say, I like trying to break things | n/a | superlongwordthatcouldnotfitcorrectly | - | Lancelot | search the =holy= *graal* | | | | | | - | Galaad | the /pure/ | | | | | | - | Zoot | Just =Zoot= | | | | | | - - - There's a horizontal rule below this - - ------ - -*** Here is an unordered list: - - - level 1 item - - level 2 item - - level 2 item - - level 2 item - - level 3 item - - level 3 item - - level 1 item - - level 2 item - - level 3 item - - level 3 item - - level 2 item - - level 2 item - - level 1 item - - level 2 item - - level 2 item - - level 2 item - -***** TODO todo -****** IN-PROGRESS in-progress -******* IN-REVIEW in-review -****** HOLD on hold state - - State "HOLD" from "IN-REVIEW" [2019-07-09 Tue 13:44] \\ - some reason -****** WAITING waiting status - - State "WAITING" from [2019-07-09 Tue 13:44] \\ - waitin for someone -****** DONE done status -****** CANCELED canceled status - CLOSED: [2019-07-09 Tue 13:45] - - State "CANCELED" from [2019-07-09 Tue 13:45] \\ - cancel reason diff --git a/src/posts/draft-professional-lessons-and-opinions.org b/src/posts/draft-professional-lessons-and-opinions.org new file mode 100644 index 0000000..cb9b917 --- /dev/null +++ b/src/posts/draft-professional-lessons-and-opinions.org @@ -0,0 +1,19 @@ +#+TITLE: Professional Lessons and Opinions +#+AUTHOR: Yann Esposito +#+EMAIL: yann.esposito@gmail.com +#+DATE: 2019-07-04 +#+KEYWORDS: programming, blog, org-mode +#+DESCRIPTION: Different divagations about my experiences in the professional world of Software Developper + +* Technical Choices + +How to choose a programming language/paradigm to write with. + +- programming is about making the program do what you want it to do. +- not much told, lot harder, and not as natural/intuitive; a program should not + do something you do not want it to do. + +- programming paradigms, functional is superior because it better fit all + real-life scenarios. +- in Machine Learning, Kolmogorov complexity. Object Oriented is worse than + Functional programming to represent naturally many real life problems.