Changeset 1d577b1


Ignore:
Timestamp:
Aug 29, 2022, 12:53:28 AM (2 years ago)
Author:
Mikhail Kirillov <w96k@…>
Branches:
master
Children:
29d69bd
Parents:
7123feb
Message:

Optimize website

Files:
5 added
5 edited

Legend:

Unmodified
Added
Removed

  • .emacs

    r7123feb r1d577b1  
    7373         :with-email t
    7474         :with-footnotes t
    75          :html-html5-fancy t
    7675         :html-preamble "
    7776<div class=\"navbar\">
    78 <a href=\"/\" class=\"button logo\">~w96k</a>
    79 <a class=\"button\" href=\"/articles.html\">Articles</a>
    80 <a class=\"button\" href=\"/projects.html\">Projects</a>
    81 <a class=\"button\" href=\"/music.html\">Music</a>
    82 <a class=\"button\" href=\"/emacs.html\">Emacs</a>
    83 <a class=\"button\" href=\"/guix.html\">Guix</a>
     77<a href=\"/\">~w96k</a>
     78<a href=\"/articles.html\">Articles</a>
     79<a href=\"/projects.html\">Projects</a>
     80<a href=\"/music.html\">Music</a>
     81<a href=\"/emacs.html\">Emacs</a>
     82<a href=\"/guix.html\">Guix</a>
    8483</div>"
    8584
    8685         :html-head "
    87 <link rel=\"shortcut icon\" href=\"/public/favicon.png\">
     86<link rel=\"shortcut icon\" href=\"/public/favicon_w96k.ico\">
    8887<link rel=\"stylesheet\" href=\"/public/css/custom.css\" type=\"text/css\"/>
    8988"
    … …  
    9190         :html-container "article"
    9291         :html-postamble "
    93     <div id=\"copyright\">
     92
    9493      <p>Mikhail Kirillov © 2019-2022</p>
     94
    9595      <p>
    96        Works in <a href=\"https://anybrowser.org/campaign/\">any browser</a>
    97       </p>
    98     </div>
    99 
    100   <div align=\"center\">
    101       <p class=\"licenses\">
    102         <a href=\"https://creativecommons.org/licenses/by/4.0/\">
    103           <img alt=\"Creative Commons License\" src=\"/public/images/cc.png\" />
     96        <a href=\"/legal.html\">
     97          License
    10498        </a>
    10599     </p>
    106   </div>
    107100
    108     <div class=\"col-sm-12 col-md-5\" id=\"meta\">
    109       <p><span class=\"icon-settings\"></span> %c</p>
    110       <p><span class=\"icon-calendar\"></span> %C</p>
    111     </div>"
     101
     102    <p id=\"meta\">
     103      %C
     104    </p>"
    112105
    113106         :section-numbers nil

  • content/404.org

    r7123feb r1d577b1  
    33#+BEGIN_EXPORT html
    44<article style="text-align: center; overflow-y: hidden;">
    5   <h2>404
    6     <small>Page not found</small>
    7   </h2>
     5  <h2>404</h2>
     6  <p><small>Page not found</small></p>
    87  <div>
    98    <a class="button" href="/">To main page</a>
    109  </div>
    11   <img id="youmu" src="/public/images/youmu.png">
    1210</article>
    1311#+END_EXPORT

  • content/articles.org

    r7123feb r1d577b1  
    6868    (concat "<ul>" (mapconcat 'make-links list-of-posts "\n") "</ul>")
    6969  #+END_SRC
    70  
    71 * Authors from RSS feed
    72   #+BEGIN_SRC emacs-lisp :exports results :results html
    73     (let ((org-webring-items-total 8)
    74           (org-webring-items-per-source 2)
    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"
    82                               "https://drewdevault.com/blog/index.xml"
    83                               "https://wingolog.org/feed/atom"
    84                               "https://dthompson.us/feed.xml"
    85                               ;;"https://ambrevar.xyz/atom.xml"
    86                               ;; "https://stallman.org/rss/rss.xml"
    87                               "https://static.fsf.org/fsforg/rss/news.xml"
    88                               "https://planet.gnu.org/rss20.xml")))
    89       (org-webring-generate-webring))
    90   #+end_SRC   

  • content/index.org

    r7123feb r1d577b1  
    2020#+BEGIN_EXPORT html
    2121<article>
    22   <div class="row">
    23     <div 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); padding: 0.5em 1em;">
    24           <img loading="lazy" src="/public/images/w96k.gif" align="left" style="margin-right: 1em; width: 210px;">
    25       <h2 style="background: rgba(0,0,0,.05); border-radius: 0.3em; text-align: center;">Mikhail Kirillov</h2>
    26 
    27       <p>Developer. Profesionally I do mostly web backends.  I like
    28         functional programming, LISP and free software movement.  I use
    29         only libre software on my
    30         librebooted <a href="https://w96k.dev/posts/libreboot-x200t.html">Thinkpad
    31         X200T</a>.  I'm a long-time user of
    32         <a href="http://guix.gnu.org">GNU Guix</a> OS, text editor
    33         <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>
    34         and <a href="https://www.gnu.org/gnu/linux-and-gnu.html">GNU/Linux
    35         systems</a> in general.
    36       </p>
    37 
    38       <ul style="margin-top: 1em; text-align: center;">
    39         <li style="display:
    40         inline-block;"><a href="mailto:w96k.ru@gmail.com"><span class="icon-mail"></span>Email</a> <span style="color:
    41         #ccc;">|</span></li>
    42         <li style="display:
    43         inline-block;"><a href="https://fosstodon.org/@w96k"><span class="icon-share"></span>Mastodon</a> <span style="color:
    44         #ccc;">|</span></li>
    45         <li style="display:
    46         inline-block;"><a href="https://git.sr.ht/~w96k/"><span class="icon-link"></span>Sourcehut</a></li>
    47       </ul>
    48     </div>
    49   </div>
     22  <img loading="lazy" src="/public/images/w96k.ico" align="left" style="margin-right: 1em; width: 95px;">
     23   I'm developer. Profesionally I do mostly web backends.  I like
     24    functional programming, LISP and free software movement and use
     25    only libre software on my
     26    librebooted <a href="https://w96k.dev/posts/libreboot-x200t.html">Thinkpad
     27      X200T</a>.  I'm a long-time user of
     28    <a href="http://guix.gnu.org">GNU Guix</a> OS, text editor
     29    <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>
     30    and <a href="https://www.gnu.org/gnu/linux-and-gnu.html">GNU/Linux
     31      systems</a> in general.
    5032</article>
    5133#+END_EXPORT

  • public/css/custom.css

    r7123feb r1d577b1  
    11:root {
    2     --fore-color: #111;
    3     --secondary-fore-color: #444;
    4     --back-color: #f8f8f8;
    5     --secondary-back-color: #f0f0f0;
    6     --blockquote-color: #f57c00;
    7     --pre-color: #1565c0;
    8     --border-color: #aaa;
    9     --secondary-border-color: #ddd;
    10     --heading-ratio: 1.125;
    112    --universal-margin: 0.5rem;
    123    --universal-padding: 0.5rem;
    … …  
    3122article,
    3223#footnotes {
    33     max-width: calc(60ch + 4em);
     24    max-width: calc(60ch);
    3425    margin: var(--universal-padding);
    35     padding: var(--universal-padding) calc(var(--universal-padding) * 2);
     26    padding: calc(var(--universal-padding) * 2);
    3627    background: #fefefe;
    3728    box-shadow: 0 1px 0px rgba(0,0,0,.1);
    … …  
    6253}
    6354
    64 .navbar .button {
     55.navbar a {
    6556    text-transform: none;
    6657    background: #fefefe;
    … …  
    7667.navbar .button:hover {
    7768    background: #ddd;
    78 }
    79 
    80 /* 16:9 */
    81 .video {
    82     padding-top: 56.25%;
    83     position: relative;
    84     width: calc(100% - 1em);
    85 }
    86 
    87 iframe {
    88     width: 100%;
    89     min-height: 445px;
    90     top: 0;
    91     left: 0;
    92     bottom: 0;
    93     right: 0;
    94 }
    95 
    96 .cover {
    97     margin: 0.5em 0;
    98     border: 1px solid rgba(0,0,0,.3);
    99     border-radius: 0.1em;
    10069}
    10170
    … …  
    11584#postamble {
    11685    margin: var(--universal-margin);
    117     max-width: calc(60ch + 6em);
     86    max-width: calc(63ch);
    11887    display: flex;
    11988    flex-direction: row;
    … …  
    150119    display: block;
    151120    z-index: 1050;
    152     font-size: 12pt;
    153121    position: fixed;
    154     left: 75ch;
     122    left: 70ch;
    155123    top: calc(var(--universal-margin) + 2.6rem);
    156124    background: #fefefe;
    157     line-height: 12pt;
    158     box-shadow: 0 2px 2px rgba(0,0,0,.35);
     125    box-shadow: 0 1px 0px rgba(0,0,0,.1);
     126    border-radius: var(--universal-border-radius);
     127    border: 1px solid #cfcfcf;
    159128    max-height: calc(100% - 2 * (var(--universal-margin) + 0.5em) - 9em);
    160129    overflow: auto;
    161     max-width: 30ch;
    162     border-radius: var(--universal-border-radius);
    163     border: 1px solid #cfcfcf;
     130    max-width: 35ch;
    164131}
    165132
    … …  
    169136
    170137#table-of-contents h2 {
    171     font-size: 13pt;
     138    font-size: 12pt;
    172139    margin: var(--universal-margin);
    173140    margin-top: calc(2 * var(--universal-margin));
    … …  
    176143}
    177144
    178 #text-table-of-contents ul {
    179     margin: 0 0 0 1em;
    180 }
    181 
    182 #text-table-of-contents > ul {
    183     margin: 0 1em 0 2em;
    184 }
    185 
    186145#text-table-of-contents ul li {
    187146    font-size: 11pt;
    188147    width: 100%;
    189 }
    190 
    191 #table-of-contents #text-table-of-contents {
    192     display: block;
    193     text-align: left;
    194     max-width: 35ch;
    195 }
    196 
    197 #table-of-contents li {
    198     clear:both
    199148}
    200149
    … …  
    266215}
    267216
    268 /* Style for WEBRING */
    269 .org-webring {
    270     position: relative;
    271 }
    272 
    273 .org-webring .org-webring-articles {
    274     display: flex;
    275     flex-flow: column;
    276     margin: 0 0.25em;
    277 }
    278 .org-webring .org-webring-article-title {
    279     font-size: 1em;
    280     padding: 0;
    281     margin: 0 0.75em 0 0.75em;
    282     border-radius: 0.25em;
    283     max-height: 40ch;
    284 }
    285 .org-webring .org-webring-article {
    286     position: relative;
    287     flex-basis: 45%;
    288     display: flex;
    289     flex-direction: column;
    290     margin: 0 0.5em;
    291     transition: 0.3s;
    292     opacity: 1;
    293     overflow: hidden;
    294     /* border-radius: 3px; */
    295     /* border-left: 3px solid rgba(0,0,0,.4); */
    296 }
    297 
    298 .org-webring .org-webring-article:before {
    299     content: "•";
    300     position: absolute;
    301     left: 0;
    302     top: 0;
    303     margin-left: -0.125em;
    304     font-size: 1.1em;
    305 }
    306 
    307 .org-webring .org-webring-article:hover {
    308     opacity: 1;
    309 }
    310 
    311 .org-webring .org-webring-article-pinned {
    312     position: relative;
    313     flex: 1 1 auto;
    314     flex-basis: 100%;
    315     display: flex;
    316     flex-direction: column;
    317     margin: 0 0.5rem;
    318     padding: 0.5rem;
    319     border: 0.15rem black solid;
    320     border-color: black;
    321     transition: 0.3s;
    322     opacity: 1;
    323 }
    324 .org-webring .org-webring-article-pinned:hover {
    325     opacity: 1;
    326     background-color: #fefefe;
    327 }
    328 .org-webring .org-webring-article-pinned-symbol{
    329     position: absolute;
    330     top: 0.2rem;
    331     right: 0.5rem;
    332 }
    333 .org-webring .org-webring-article-summary {
    334     font-size: 0.8rem;
    335     flex: 1 1 0;
    336     display: none;
    337 }
    338 .org-webring .org-webring-attribution {
    339     text-align: right;
    340     font-size: 0.8rem;
    341     padding-right: 0.5em;
    342     color: #666;
    343     display: none;
    344 }
    345 .org-webring .org-webring-article-date {
    346     text-align: center;
    347     display: none;
    348 }
    349 .org-webring .org-webring-article-source {
    350     text-align: center;
    351     display: none;
    352 }
    353 .org-webring .org-webring-timestamp {
    354     color: #666;
    355     display: none;
    356 }
    357 @media screen and (max-width: 600px) {
    358     .org-webring .org-webring-articles {
    359         display: flex;
    360         flex-direction: column;
    361     }
    362 }
    363 @media screen and (max-width: 600px) {
    364     .org-webring .org-webring-article {
    365         flex: 1 1 auto;
    366         flex-basis: 100%;
    367         display: flex;
    368         flex-direction: column;
    369         margin: 0 0.5rem;
    370         margin-bottom: 0.5rem;
    371     }
    372     .org-webring .org-webring-article-pinned {
    373         position: relative;
    374         flex: 1 1 auto;
    375         flex-basis: 100%;
    376         display: flex;
    377         flex-direction: column;
    378         margin: 0 0.5rem;
    379         margin-bottom: 0.5rem;
    380         border: 0.15rem black solid;
    381         border-color: black;
    382         transition: 0.3s;
    383         opacity: 1;
    384     }
    385 }
    386 
    387 .org-webring > h4 {
    388     display: none;
    389 }
    390 
    391217video {
    392218    max-width: 100%;
    … …  
    406232}
    407233
    408 ul ul {
    409     margin: 0;
    410 }
    411 
    412234table tr td:nth-child(1) {
    413235    width: 20%;
Note: See TracChangeset for help on using the changeset viewer.