From: "Samuel Banya" <sbanya@fastmail.com>
To: "Charles Berry" <emacs-orgmode@gnu.org>
Subject: Question Regarding CSS Stylesheets For Art Gallery Webpage Made With Org Mode
Date: Sun, 16 Jan 2022 12:00:25 -0500 [thread overview]
Message-ID: <36052b69-296e-4033-b09b-d8b4d5fe9c16@www.fastmail.com> (raw)
[-- Attachment #1: Type: text/plain, Size: 2205 bytes --]
Hey there,
I deployed a new personal art portfolio website:
* https://www.sambanya.com
I am planning to use Emacs to create Org Mode files for the few main sections of my site that aren't the Art Gallery page itself.
I'm trying to figure out how to get a modern Wordpress looking Org generated HTML page that rivals pages like this:
* https://karlkopinski.com/
* https://wyliebeckert.com/
* http://www.brucepennington.co.uk/
* https://turnislefthome.com/
* https://davidmattingly.com/sketches/
* https://www.mathewborrett.com/
* https://www.stephenfabian.com/gallery
I tried researching on my own about this, but most of the CSS stylesheets I've seen pretty much pertain to making Org generated HTML pages look like 'Read The Docs", solarized pages, or academic reports.
Anyway, would be curious if anyone happened to know of a good workflow, or if I should just rip apart the initial pages I like and see how I can match the styling via CSS alone.
Wanted to see if I could get away with having minimal JS involved as I'm only chasing the look, not really the functionalities of Wordpress (zoom etc).
Would be curious to know everyone's thoughts on this if there's a cool way to do this via Org Mode :)
Here are the links I tried to no avail though for anyone's reference:
* https://github.com/gongzhitaao/orgcss
* https://github.com/fniessen/org-html-themes
* https://gist.github.com/mowen/326524
* https://github.com/thomasf/solarized-css
* https://demo.thi.ng/org-spec/
* http://doc.norang.ca/org-mode.html
* https://olmon.gitlab.io/org-themes/
* https://github.com/c4710n/org-html-style
* https://thomasf.github.io/solarized-css/
* https://news.ycombinator.com/item?id=23130104
* https://orgmode.org/manual/JavaScript-support.html
* https://github.com/marsmining/ox-twbs
* https://github.com/cosmicexplorer/org-info-js
* https://orgmode.org/manual/CSS-support.html
* https://juanjose.garciaripoll.com/blog/css-style-org-mode/
* https://lepisma.xyz/2017/10/28/ricing-org-mode/
* https://jnboehm.gitlab.io/blog/tufte-css/
* https://gongzhitaao.org/orgcss/
The closest I've seen is MAYBE This:
* https://olmon.gitlab.io/org-themes/darksun/darksun.html
Thanks,
Sam
[-- Attachment #2: Type: text/html, Size: 4402 bytes --]
next reply other threads:[~2022-01-16 17:05 UTC|newest]
Thread overview: 3+ messages / expand[flat|nested] mbox.gz Atom feed top
2022-01-16 17:00 Samuel Banya [this message]
2022-01-21 15:11 ` Question Regarding CSS Stylesheets For Art Gallery Webpage Made With Org Mode Kaushal Modi
2022-01-21 17:15 ` Samuel Banya
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
List information: https://www.orgmode.org/
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=36052b69-296e-4033-b09b-d8b4d5fe9c16@www.fastmail.com \
--to=sbanya@fastmail.com \
--cc=emacs-orgmode@gnu.org \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
Code repositories for project(s) associated with this public inbox
https://git.savannah.gnu.org/cgit/emacs/org-mode.git
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).