Changeset 8ff16b8


Ignore:
Timestamp:
Jul 16, 2022, 12:59:34 PM (2 years ago)
Author:
Mikhail Kirillov <w96k@…>
Branches:
master
Children:
05217bb
Parents:
5f1c100
git-author:
Mikhail Kirillov <w96k@…> (07/16/22 12:57:37)
git-committer:
Mikhail Kirillov <w96k@…> (07/16/22 12:59:34)
Message:

Add php article

Files:
5 added
8 edited

Legend:

Unmodified
Added
Removed

  • .emacs

    r5f1c100 r8ff16b8  
    7575         :html-html5-fancy t
    7676         :html-preamble "
    77 <header class=\"navbar\">
     77<div class=\"navbar\">
    7878<a href=\"/\" class=\"button logo\">~w96k</a>
    7979<a class=\"button\" href=\"/articles.html\">Articles</a>
    80 <a class=\"button\" href=\"/cv.html\">CV</a>
     80<a class=\"button\" href=\"/projects.html\">Projects</a>
    8181<a class=\"button\" href=\"/music.html\">Music</a>
    8282<a class=\"button\" href=\"/emacs.html\">Emacs</a>
    8383<a class=\"button\" href=\"/guix.html\">Guix</a>
    84 </header>"
     84</div>"
    8585
    8686         :html-head "
    … …  
    9494  <div class=\"row\">
    9595
    96     <div id=\"copyright\" class=\"col-sm-12 col-md-4\">
     96    <div id=\"copyright\" class=\"col-sm-12 col-md-5\">
    9797      <p>Mikhail Kirillov © 2019-2022</p>
    98       <p style=\"style=\"opacity: 0.7;\">
     98      <p>
    9999       Works in <a href=\"https://anybrowser.org/campaign/\">any browser</a>
    100100      </p>
    101101    </div>
    102102
    103     <div class=\"col-sm-12 col-md-3\">
     103  <div align=\"center\" class=\"col-sm-12\ col-md-2\">
    104104      <p class=\"licenses\">
    105105        <a href=\"https://creativecommons.org/licenses/by/4.0/\">
    106106          <img alt=\"Creative Commons License\" src=\"/public/images/cc.png\" />
    107 </a>
    108 <!--
    109         <a href=\"https://www.gnu.org/licenses/gpl-3.0.txt\">
    110           <img src=\"/public/images/gpl.png\">
    111107        </a>
    112 -->
    113108     </p>
    114     </div>
     109  </div>
    115110
    116111    <div class=\"col-sm-12 col-md-5\" id=\"meta\">
    … …  
    118113      <p><span class=\"icon-calendar\"></span> %C</p>
    119114    </div>
    120   </div>
    121 
    122   <br>
    123   <div align=\"center\">
    124     <small>
    125       <p>The content is distributed under license
    126         <a href=\"https://creativecommons.org/licenses/by-sa/4.0/deed.en\">
    127           Creative Commons «Attribution-ShareAlike» 4.0 International (CC BY-SA 4.0)
    128         </a>
    129       </p>
    130     </small>
    131115  </div>"
    132116

  • content/articles.org

    r5f1c100 r8ff16b8  
    44
    55* Articles
    6 Nothing to show for now
    7 * Cтатьи
     6  #+BEGIN_SRC emacs-lisp :exports results :results html
     7    (defun read-lines (filePath)
     8      "Return a list of lines of a file at filePath."
     9      (with-temp-buffer
     10        (insert-file-contents filePath)
     11        (split-string (buffer-string) "\n" t)))
     12
     13;; Sort by modified date
     14(setq list-of-posts (sort (directory-files-and-attributes "./en/posts" nil ".org$")
     15                          #'(lambda (x y) (time-less-p (nth 6 y) (nth 6 x)))))
     16
     17    (defun make-links (str)
     18      (setq file-name (car str))
     19      (setq str-link (s-replace ".org" ".html" file-name))
     20      ;; We make an assumption, that #+TITLE is on first line
     21      (setq article-title (s-replace "#+TITLE: " "" (car (read-lines (concat "en/posts/" file-name)))))
     22      (concat "<li><a href=\"/en/posts/" str-link "\">" article-title "</a></li>"))
     23
     24    (concat "<ul>" (mapconcat 'make-links list-of-posts "\n") "</ul>")
     25  #+END_SRC
     26** Cтатьи
    827
    928  #+BEGIN_SRC emacs-lisp :exports results :results html
    … …  
    2847  #+END_SRC
    2948
    30 * Переводы
     49** Переводы
    3150  #+BEGIN_SRC emacs-lisp :exports results :results html
    3251    (defun read-lines (filePath)
    … …  
    5170 
    5271* Authors from RSS feed
    53  
    5472  #+BEGIN_SRC emacs-lisp :exports results :results html
    55     (let ((org-webring-items-total 10)
     73    (let ((org-webring-items-total 8)
    5674          (org-webring-items-per-source 2)
    57           (org-webring-header 'nil)
    58           (org-webring-summary-max-length 150)
    59           (org-webring-display-version 'nil)
    60           (org-webring-display-generation-time 'nil)
    61           (org-webring-urls '(;;"http://guix.trop.in/feeds/blog.atom"
     75          (org-webring-header nil)
     76          (org-webring-summary-max-length 60)
     77          (org-webring-planet-display-description nil)
     78          (org-webring-display-version nil)
     79          (org-webring-display-attribution nil)
     80          (org-webring-display-generation-time nil)
     81          (org-webring-urls '("http://guix.trop.in/feeds/blog.atom"
    6282                              "https://drewdevault.com/blog/index.xml"
    6383                              "https://wingolog.org/feed/atom"

  • content/cv.org

    r5f1c100 r8ff16b8  
    1 #+Title: @w96k: Curriculum Vitae
     1#+Title: Fullstack Developer
    22#+LANGUAGE: en
    3 #+OPTIONS: toc:nil
    4 #+LATEX_CLASS_OPTIONS: [article,10pt,notitlepage,notitle,oneside,twocolumn]
     3#+OPTIONS: toc:nil num:nil itemsep=0
     4#+LATEX_HEADER: \usepackage[russian]{babel}
     5#+LATEX_HEADER: \usepackage{lipsum,graphicx}
     6#+latex_class_options: [12pt]
     7#+LaTeX_HEADER: \setlength{\parindent}{0} % Default is 15pt.
     8
     9
     10# #+ATTR_LATEX: :float wrap :width 0.25\textwidth :placement {r}{}
     11# [[../public/images/w96k.png]]
    512
    613#+BEGIN_EXPORT html
    … …  
    916    <div class="col-md">
    1017      <h1 style="padding: 0em;"><strong>Mikhail Kirillov</strong>
    11       Fullstack Web
     18        Fullstack Web
    1219      </h1>
    1320    </div>
    14     <div class="col-md" align="right" style="padding-top: 1em;">
    15       <mark style="background: #689f38 !important;">Available for hire</mark>
    16       <p style="font-size: 1.3em;">€2500 — ∞</p>
     21    <div class="col-md" align="right" style="padding-top: 1.75em;">
     22      <div><mark style="font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));"><strong>€3000-3500</strong></mark></div>
     23    </div>
     24  </div>
     25
     26  <div class="row">
     27    <div class="col-md">
     28      <details>
     29        <summary>Photo</summary>
     30        <img src="../../public/images/w96k.png" title="Me at TechTrain in St. Petersburg [2019]" alt="Me at TechTrain in St. Petersburg [2019]" style="height: 25ch; float: left;">
     31        <img src="../../public/images/w96k2.jpg" title="Me at Emacs meetup in Moscow [2021]" alt="Me at Emacs meetup in Moscow [2021]" style="height: 25ch; float: right;">
     32      </details>
    1733    </div>
    1834  </div>
    1935</article>
     36
    2037#+END_EXPORT
    2138
    2239** Basic information
    2340
     41#+BEGIN_EXPORT html
     42<div style="text-align: right;">
     43  <mark style="background: #689f38 !important; margin-right: 0.38em;">Available for hire</mark>
     44</div>
     45#+END_EXPORT
     46
     47#+ATTR_LATEX: :center nil  :align |l|l|
     48|----------------+--------------------------|
    2449| Name           | Kirillov Mikhail         |
    25 | Date of birth: | 15.08.1996               |
    26 | Location:      | Russia, Moscow           |
     50|----------------+--------------------------|
     51| Date of birth  | 15.08.1996               |
     52|----------------+--------------------------|
     53| Location       | Russia, Moscow           |
     54|----------------+--------------------------|
    2755| Marital status | Single                   |
    28 | Email:         | [[mailto:w96k.ru@gmail.com][w96k.ru@gmail.com]]        |
    29 | Code:          | [[https://git.sr.ht/~w96k/][https://git.sr.ht/~w96k/]] |
    30 | Blog:          | [[https://w96k.dev]]         |
     56|----------------+--------------------------|
     57| Email          | [[mailto:w96k.ru@gmail.com][w96k.ru@gmail.com]]        |
     58|----------------+--------------------------|
     59| Code           | [[https://git.sr.ht/~w96k/][https://git.sr.ht/~w96k/]] |
     60|----------------+--------------------------|
     61| Blog           | [[https://w96k.dev]]         |
     62|----------------+--------------------------|
     63** Preferences
     64#+ATTR_LATEX: :center nil  :align |l|l|
     65|-----------------+--------------------------------------------|
     66| Type of work    | Remote (desired), Hybrid, Office           |
     67|-----------------+--------------------------------------------|
     68| Desired salary  | €3000-3500 remote or €4000-5000 relocation |
     69|-----------------+--------------------------------------------|
     70| Company's field | - No gambling                              |
     71|                 | - No cryptocurrencies                      |
     72|                 | - No spying on users                       |
     73|                 |                                            |
     74|                 | Company's field should be ethical          |
     75|-----------------+--------------------------------------------|
     76| Workload        | Full-time (40 hours per week)              |
     77|                 | Part-time (20-30 hours per week)           |
     78|-----------------+--------------------------------------------|
     79
     80** Education
     81#+ATTR_LaTeX: :center nil :align |l|l|
     82|-----------+-----------------------------------------------------|
     83| Name      | Moscow /Polytechnic colleage № 8/                     |
     84|-----------+-----------------------------------------------------|
     85| Period    | *Sep. 2012 - July 2016*                               |
     86|-----------+-----------------------------------------------------|
     87| Specialty | Organization and technology of information security |
     88|-----------+-----------------------------------------------------|
     89| Code      | 10.02.01                                            |
     90|-----------+-----------------------------------------------------|
    3191
    3292** Work experience
    3393
    34 *** ООО «Реформа»
    35 | Period:   | June 2021 - Today    |
    36 | Position: | Fullstack-Developer  |
    37 | Web-Site: | https://profile24.ru |
    38 
    39 *** ООО «Оптифарма»
    40 | Period:   | November 2017 - March 2020 |
    41 | Position: | Fullstack-Developer        |
    42 | Web-Site: | https://medkompas.ru       |
     94*** OOO «Reforma»
     95#+ATTR_LATEX: :center nil  :align |l|l|
     96|----------+----------------------|
     97| Period   | June 2021 - Today    |
     98|----------+----------------------|
     99| Position | Fullstack-Developer  |
     100|----------+----------------------|
     101| Web-Site | https://profile24.ru |
     102|----------+----------------------|
     103
     104# \bigskip
     105
     106~Fullstack~ ~PHP~ ~Symfony~ ~Sonata Admin~ ~MySQL~ ~RabbitMQ~ ~Jquery~ ~Bootstrap~
     107
     108# \bigskip
     109
     110Mainting and creating new features of marketplace website. It is written
     111in PHP using Symfony Framework, Sonata admin, MySQL and
     112RabbitMQ. Frontend part is Jquery and different javascript plugins like
     113select2. I do both backend and frontend parts.
     114
     115*** OOO «Optifarma»
     116#+ATTR_LATEX: :center nil  :align |l|l|
     117|----------+----------------------------|
     118| Period   | November 2017 - March 2020 |
     119|----------+----------------------------|
     120| Position | Fullstack-Developer        |
     121|----------+----------------------------|
     122| Web-Site | https://medkompas.ru       |
     123|----------+----------------------------|
     124
     125# \bigskip
     126
     127~Fullstack~ ~PHP~ ~Symfony~ ~MySQL~ ~RabbitMQ~ ~Jquery~ ~Bootstrap~
     128
     129# \bigskip
     130
     131Symfony website that have doctor's database and allow user to find
     132specific doctors by different criterias like your location or your
     133concrete problem.
    43134
    44135*** Indacoin ltd
    45 | Period:   | June 2017 - Sep. 2017 |
    46 | Position: | /Front-End Developer/ |
    47 | Web-site: | https://indacoin.com  |
    48 
    49 + freelance jobs that happened from time to time
    50 
    51 ** Education
    52 *** Secondary vocational
    53 #+ATTR_LaTeX: :center nil
    54 | Name:      | /Polytechnic colleage № 8/                 |
    55 | Period     | *Sep. 2012 - July 2016*                    |
    56 | Specialty: | Организация и технология защиты информации |
    57 | Code:      | 10.02.01                                   |
     136#+ATTR_LATEX: :center nil  :align |l|l|
     137|----------+-----------------------|
     138| Period   | June 2017 - Sep. 2017 |
     139|----------+-----------------------|
     140| Position | /Front-End Developer/   |
     141|----------+-----------------------|
     142| Web-site | https://indacoin.com  |
     143|----------+-----------------------|
     144
     145# \bigskip
     146
     147~Frontend~ ~Ember.js~ ~Javascript~ ~Semantic UI~
     148
     149# \bigskip
     150
     151Creating SPA application as landing site for cryptocurrency platform. I
     152was working with Ember.js and Semantic UI.
     153
     154*** Short term jobs and projects
     155- I was working on frontend of epoll system written in Vue.js. Backend
     156  was in Java. Project status is unknown.
     157- I did several FreeCodeCamp projects available here:
     158  https://codepen.io/w96k
     159- Semantic UI theme for a blog based on Hugo:
     160  https://github.com/w96k/hugo-sui-blog
     161
     162\newpage
    58163
    59164** Skills
    60 - Developing backends using Symfony (PHP) and Django/Flask (Python)
    61 - Single Page Application development based on react.js / vue.js / ember.js
    62 - Experience of using PostgreSQL and knowledge of SQL
    63 - Experience of using CSS frameworks: Bootstrap, Semantic UI, Mini.css
    64 - Software Testing with Selenium
    65 - Unit Testing
    66 - Experience of using Docker
    67 - Experience of using continious integrations systems: Gitlab CI,
    68   Sourcehut Builds, Jenkins
    69 - Experience of using GNU/Linux and BSD distributions: Debian, Guix, Slackware, OpenBSD
    70 - Experience of using programming languages profesionally: PHP, Python, Javascript
    71 - Experience of using programming languages as hobby: C, Common Lisp, GNU/Guile, SMl
    72 - Experience of using version control systems: Git, Mercurial
    73 - Experience of using text editor Emacs and publishing system org-mode
    74 
     165~PHP~
    75166~Symfony~
     167~Sonata Admin~
     168~Mysql~
     169~Python~
    76170~Django~
    77171~Flask~
     172~Javascript~
     173
    78174~React~
    79175~Vue.js~
    … …  
    81177~Bootstrap~
    82178~Docker~
     179~Emacs~
     180~OOP~
     181~DDD~
     182~SOLID~
     183~Testing~
     184
     185- Developing backends using Symfony (PHP) and Django/Flask (Python)
     186- Experience of using programming languages profesionally: PHP, Python,
     187  Javascript 
     188- Single Page Application development based on react.js / vue.js /
     189  ember.js
     190- Experience of using PostgreSQL/MySQL and knowledge of SQL
     191- Experience of using CSS frameworks: Bootstrap, Semantic UI, Mini.css
     192- Software Testing (unit testing, selenium)
     193- Experience of using Docker
     194- Experience of using continious integrations systems: Gitlab CI,
     195  Jenkins
     196- Experience of using GNU/Linux and BSD distributions: Debian, Guix,
     197  Slackware, OpenBSD
     198- Experience of using version control systems: Git, Mercurial
     199
     200** Programming interests
     201- Visiting or watching recordings of IT conferences
     202- Functional Programming and languages based on lambda calculus (LISP,
     203  Scheme, SML/Ocaml, Haskell, Idris)
     204- "Low-level" programming in C(++), Oberon and Common Lisp
     205- Programming Language Theory. I also like to discover ancient technology with interesting ideas 
     206- Interest in self-modifying (or image-based) languages like Lisp,
     207  Smalltalk, Self and Oberon
     208- GNU Software and GNU+Linux distributions
     209- Emacs text editor, org-mode and latex
     210- Writing posts on w96k.dev and my mastodon
     211- Moderating programming groups in Telegram (Emacs, GNU Guix, Lisp
     212  groups)
     213- Free (Libre) Software
    83214
    84215** Languages
    85 | Russian | Native                |
    86 | English | Reading documentation |
    87 
     216#+ATTR_LATEX: :center nil  :align |l|l|
     217|---------+-----------------------------------|
     218| Russian | Native                            |
     219|---------+-----------------------------------|
     220| English | - Reading documentation and books |
     221|         | - Writing posts                   |
     222|         | - Casual conversations            |
     223|---------+-----------------------------------|
     224
     225
     226
     227** Hobbies
     228- Playing piano and composing music
     229- Bicycle and tourism on bicycle
     230- Swimming 
     231- Math 
     232- Philosophy

  • content/index.org

    r5f1c100 r8ff16b8  
    2222  <div class="row">
    2323    <div class="col-sm-12 col-md-4" align="center">
    24       <img src="/public/images/w96k.png" class="shadowed rounded" style="max-width: 200px; width: 100%;">
     24      <img src="/public/images/w96k.png" class="shadowed rounded" style="max-width: 200px; width: 100%; height: 100%;">
    2525    </div>
    2626    <div class="col-sm-12 col-md-8" style="background: #f8f8f8; border: 1px solid rgba(0,0,0,.1); border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0,0,0,.1);">
    … …  
    3131        I use only libre software on my librebooted Thinkpad X200T.
    3232        I'm a long-time user of
    33         <a href="http://guix.gnu.org">GNU Guix</a> OS and text editor
    34         <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>.
     33        <a href="http://guix.gnu.org">GNU Guix</a> OS, text editor
     34        <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>
     35        and GNU/Linux systems in general.
    3536      </p>
    3637
    … …  
    4344  </div>
    4445
    45   <h3>Software I use</h3>
    46   <table class="iuse">
    47     <tr>
    48       <td>
    49         <a href="https://gnu.org">
    50           <figure>
    51             <img src="/public/images/gnu.png">
    52             <figcaption>GNU Software</figcaption>
    53           </figure>
    54         </a>
    55       </td>
    56       <td>
    57         <a href="https://guix.gnu.org">
    58           <figure>
    59             <img src="/public/images/guix.png">
    60             <figcaption>GNU Guix</figcaption>
    61           </figure>
    62         </a>
    63       </td>
    64       <td>
    65         <a href="https://www.gnu.org/software/emacs/">
    66           <figure>
    67             <img src="/public/images/emacs.png">
    68             <figcaption>GNU Emacs</figcaption>
    69           </figure>
    70         </a>
    71       </td>
    72       <td>
    73         <a href="https://www.gnu.org/software/gnuzilla/">
    74           <figure>
    75             <img src="/public/images/icecat.png">
    76             <figcaption>Icecat Browser</figcaption>
    77           </figure>
    78         </a>
    79       </td>
    80     </tr>
    81   </table>
     46  <!-- <h3>Software I use</h3> -->
     47  <!-- <table class="iuse"> -->
     48  <!--   <tr> -->
     49  <!--     <td> -->
     50  <!--  <a href="https://gnu.org"> -->
     51  <!--    <figure> -->
     52  <!--      <img src="/public/images/gnu.png"> -->
     53  <!--      <figcaption>GNU Software</figcaption> -->
     54  <!--    </figure> -->
     55  <!--  </a> -->
     56  <!--     </td> -->
     57  <!--     <td> -->
     58  <!--  <a href="https://guix.gnu.org"> -->
     59  <!--    <figure> -->
     60  <!--      <img src="/public/images/guix.png"> -->
     61  <!--      <figcaption>GNU Guix</figcaption> -->
     62  <!--    </figure> -->
     63  <!--  </a> -->
     64  <!--     </td> -->
     65  <!--     <td> -->
     66  <!--  <a href="https://www.gnu.org/software/emacs/"> -->
     67  <!--    <figure> -->
     68  <!--      <img src="/public/images/emacs.png"> -->
     69  <!--      <figcaption>GNU Emacs</figcaption> -->
     70  <!--    </figure> -->
     71  <!--  </a> -->
     72  <!--     </td> -->
     73  <!--     <td> -->
     74  <!--  <a href="https://www.gnu.org/software/gnuzilla/"> -->
     75  <!--    <figure> -->
     76  <!--      <img src="/public/images/icecat.png"> -->
     77  <!--      <figcaption>Icecat Browser</figcaption> -->
     78  <!--    </figure> -->
     79  <!--  </a> -->
     80  <!--     </td> -->
     81  <!--   </tr> -->
     82  <!-- </table> -->
    8283
    83   <table class="iuse">
    84     <tr>
    85       <td>
    86         <a href="https://gnu.org/software/gnu-c-manual/gnu-c-manual.html">
    87           <figure>
    88             <img src="/public/images/c.png">
    89             <figcaption>GNU C</figcaption>
    90           </figure>
    91       </td>
    92       </a>
    93       <td>
    94         <a href="https://gnu.org/software/guile/">
    95           <figure>
    96             <img src="/public/images/guile.png">
    97             <figcaption>GNU Guile</figcaption>
    98           </figure>
    99         </a>
    100       </td>
    101       <td>
    102         <a href="https://python.org/">
    103           <figure>
    104             <img src="/public/images/python.png">
    105             <figcaption>Python</figcaption>
    106           </figure>
    107         </a>
    108       </td>
    109       <td>
    110         <a href="http://php.net/">
    111           <figure>
    112             <img src="/public/images/php.png">
    113             <figcaption>PHP</figcaption>
    114           </figure>
    115         </a>
    116       </td>
    117     </tr>
    118   </table>
     84  <!-- <table class="iuse"> -->
     85  <!--   <tr> -->
     86  <!--     <td> -->
     87  <!--  <a href="https://gnu.org/software/gnu-c-manual/gnu-c-manual.html"> -->
     88  <!--    <figure> -->
     89  <!--      <img src="/public/images/c.png"> -->
     90  <!--      <figcaption>GNU C</figcaption> -->
     91  <!--    </figure> -->
     92  <!--     </td> -->
     93  <!--     </a> -->
     94  <!--     <td> -->
     95  <!--  <a href="https://gnu.org/software/guile/"> -->
     96  <!--    <figure> -->
     97  <!--      <img src="/public/images/guile.png"> -->
     98  <!--      <figcaption>GNU Guile</figcaption> -->
     99  <!--    </figure> -->
     100  <!--  </a> -->
     101  <!--     </td> -->
     102  <!--     <td> -->
     103  <!--  <a href="https://python.org/"> -->
     104  <!--    <figure> -->
     105  <!--      <img src="/public/images/python.png"> -->
     106  <!--      <figcaption>Python</figcaption> -->
     107  <!--    </figure> -->
     108  <!--  </a> -->
     109  <!--     </td> -->
     110  <!--     <td> -->
     111  <!--  <a href="http://php.net/"> -->
     112  <!--    <figure> -->
     113  <!--      <img src="/public/images/php.png"> -->
     114  <!--      <figcaption>PHP</figcaption> -->
     115  <!--    </figure> -->
     116  <!--  </a> -->
     117  <!--     </td> -->
     118  <!--   </tr> -->
     119  <!-- </table> -->
    119120</article>
    120121#+END_EXPORT
    121122
    122 * Projects
    123 ** TODO Guix + Software Heritage Russian Mirror
    124   There is a chance that internet in Russia will be restricted in some
    125   ways, so it is a good idea to setup a server with all essential
    126   software archived. Guix website and CI is blocked from host side for
    127   russians.
    128 
    129   [[https://fosstodon.org/@w96k/108053233765822857][Details]]
    130 
    131 ** TODO GNU Ensemble
    132   Federated web service that allows its users to collaborate on
    133   composing and recording pieces of music.
    134 

  • content/sitemap.org

    r5f1c100 r8ff16b8  
    1111- [[file:articles.org][@w96k: Articles]]
    1212- [[file:guix.org][@w96k: Guix]]
     13- [[file:projects.org][projects]]
    1314- projects
    1415  - [[file:projects/ensemble.org][ensemble]]

  • content/translations/history-of-programming-languages.org

    r5f1c100 r8ff16b8  
    3737  участвовать в сраче "[[https://wiki.c2.com/?TabsVersusSpaces][табы против пробелов]]".
    3838 
    39 - 1957 :: [[https://ru.wikipedia.org/wiki/%D0%91%D1%8D%D0%BA%D1%83%D1%81,_%D0%94%D0%B6%D0%BE%D0%BD][Джон Бэкус]] и IBM создают [[https://ru.wikipedia.org/wiki/%D0%A4%D0%BE%D1%80%D1%82%D1%80%D0%B0%D0%BD][Fortran]]. Нет ничего смешного в IBM и
    40   Fortran. Это синтаксическая ошибка писать фортран, не надев синий
     39- 1957 :: [[https://ru.wikipedia.org/wiki/%D0%91%D1%8D%D0%BA%D1%83%D1%81,_%D0%94%D0%B6%D0%BE%D0%BD][Джон Бэкус]] и IBM создают [[https://ru.wikipedia.org/wiki/%D0%A4%D0%BE%D1%80%D1%82%D1%80%D0%B0%D0%BD][Fortran]]. Нет ничего веселого в IBM и
     40  Fortran. Это синтаксическая ошибка писать на фортране, не надев синий
    4141  галстук.
    4242

  • public/css/custom.css

    r5f1c100 r8ff16b8  
    11body {
    2     padding: 1em;
     2    padding: 0 1em 1em 1em;
     3    background: #f0f0f0;
    34}
    45
    … …  
    1011    padding: 1em;
    1112    background: #fefefe;
    12     box-shadow: 0 1px 3px rgba(0,0,0,.1);
     13    box-shadow: 0 2px 2px rgba(0,0,0,.35);
    1314    position: relative;
    1415    border-radius: var(--universal-border-radius);
     16    border: 1px solid #f0f0f0;
    1517}
    1618
    … …  
    3234.navbar {
    3335    border: 0;
     36    padding: 0 calc(var(--universal-padding) * 2.5);
     37    position: relative;
     38    top: 1em;
     39    z-index: 999;
    3440}
    3541
    3642.navbar .button {
     43    text-transform: none;
    3744    background: #fefefe;
    38     text-transform: none;
     45    box-shadow: 0 -3px 0 rgba(0,0,0,.35), 1px -1px 1px rgba(0,0,0,.15);
     46    border-radius: 0.15em 0.15em 0 0;
     47    text-decoration: underline;
     48    color: var(--a-link-color);
     49    padding: 4px 12px;
     50    margin: 6px;
    3951}
    4052
    … …  
    7688#postamble {
    7789    margin: var(--universal-margin);
    78     max-width: calc(60ch + 6em);
     90    max-width: calc(60ch + 7.75em);
    7991}
    8092
    … …  
    114126    background: #fefefe;
    115127    line-height: 12pt;
    116     box-shadow: 0 1px 3px rgba(0,0,0,.1);
     128    box-shadow: 0 2px 2px rgba(0,0,0,.35);
    117129    border: none;
    118130    max-height: calc(100% - 2 * (var(--universal-margin) + 0.5em) - 9em);
    … …  
    234246}
    235247.org-webring .org-webring-article-title {
    236     font-size: 0.8rem;
    237     font-weight: bold;
     248    font-size: 0.1em !important;
     249    padding: 0;
     250    margin: 0 5em 0 9em;
     251    border-radius: 0.25em;
     252    max-height: 40ch;
    238253}
    239254.org-webring .org-webring-article {
    240     background: #f6f6f6;
    241255    flex: 1 1 auto;
    242256    flex-basis: 40%;
    … …  
    244258    flex-direction: column;
    245259    margin: 0.5em;
    246     padding: 0.15em 0.3em;
    247     border: 0.1rem solid rgba(0,0,0,.25);
    248260    transition: 0.3s;
    249261    opacity: 1;
     262    overflow: hidden;
     263    border-left: 3px solid rgba(0,0,0,.35);
    250264}
    251265.org-webring .org-webring-article:hover {
    252266    opacity: 1;
    253     background-color: #ebebeb;
    254267}
    255268
    … …  
    279292    font-size: 0.8rem;
    280293    flex: 1 1 0;
     294    display: none;
    281295}
    282296.org-webring .org-webring-attribution {
    … …  
    285299    padding-right: 0.5em;
    286300    color: #666;
     301    display: none;
    287302}
    288303.org-webring .org-webring-article-date {
    289304    text-align: center;
     305    display: none;
    290306}
    291307.org-webring .org-webring-article-source {
    292308    text-align: center;
     309    display: none;
    293310}
    294311.org-webring .org-webring-timestamp {
    295312    color: #666;
     313    display: none;
    296314}
    297315@media screen and (max-width: 600px) {
    … …  
    309327        margin: 0 0.5rem;
    310328        margin-bottom: 0.5rem;
    311         padding: 0.5rem;
    312329    }
    313330    .org-webring .org-webring-article-pinned {
    … …  
    319336        margin: 0 0.5rem;
    320337        margin-bottom: 0.5rem;
    321         padding: 0.5rem;
    322338        border: 0.15rem black solid;
    323339        border-color: black;
    … …  
    347363    margin: 0 var(--universal-padding);
    348364}
     365
     366ul ul {
     367    margin: 0;
     368}
     369
     370table tr td:nth-child(1) {
     371    width: 20%;
     372}

  • public/css/mini.css

    r5f1c100 r8ff16b8  
    2222    --universal-margin: 0.5rem;
    2323    --universal-padding: 0.5rem;
    24     --universal-border-radius: 0.2rem;
     24    --universal-border-radius: 0.3rem;
    2525    --a-link-color: #0277bd;
    2626    --a-visited-color: #01579b;
    … …  
    221221
    222222a {
    223     text-decoration: none;
    224 }
    225 
    226 article a:hover {
    227223    text-decoration: underline;
    228     text-underline-offset: 0.2em;
    229     text-decoration-thickness: 2px;
     224}
     225
     226a:hover {
     227    text-decoration: underline;
     228    background: rgba(0,0,0,.1);
    230229}
    231230
    … …  
    10861085    padding: var(--universal-padding) calc(2 * var(--universal-padding));
    10871086    font-weight: 900;
    1088     box-shadow: 0 2px 3px rgba(0,0,0,.1);
     1087    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    10891088}
    10901089
    … …  
    10941093    margin-right: 0.25em;
    10951094    border-radius: var(--universal-border-radius);
    1096     box-shadow: 0 2px 3px rgba(0,0,0,.1);
     1095    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    10971096}
    10981097
    … …  
    11241123
    11251124nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
    1126     text-decoration: none;
    11271125    background: var(--nav-hover-back-color);
    11281126}
Note: See TracChangeset for help on using the changeset viewer.