Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Are there any beautiful websites published using Emacs' org mode? I followed the online tutorial, but the generated websites are too ugly. Are there any existing beautiful org templates (with nice css sheets)?
I create my class websites using org-mode. Example: http://cse3521.artifice.cc/
That site involves regular text, code, math, flash/image embeds, tables, etc.
Source code is available here: https://github.com/joshuaeckroth/cse3521-website
There is http://msnyder.info which uses org-mode and I think is nicely styled. However, he also customizes the publishing system to get HTML5 output and better styling. Read more about that here.
You could simply use the Solarized CSS which gives you appealing results including nice usability enhancement (like collapsable sections).
See
http://thomasf.github.io/solarized-css/
To appy to any org-mode HTML export add the following lines in your .emacs:
(setq org-export-html-style-include-scripts nil
org-export-html-style-include-default nil)
(setq org-export-html-style
"<link rel=\"stylesheet\" type=\"text/css\" href=\"solarized-light.css\" />")
Fresh and new template (I found it on the mailing list):
https://github.com/fniessen/org-html-themes
My site isn't generated from OrgMode, but from Muse, and you can re-use parts of my templates - I took one of free designs by Andreas Viklund.
I just created new github repository for the template to use org-mode + jekyll + twitter bootstrap.
Check out http://github.com/cinsk/jekyll-org/ for the source, and see the example in http://cinsk.github.com/jekyll-org/
Go through official org-mode page listing sites : Web pages made with Org-Mode
I use org-mode + jekyll to publish my blog (blog.jenkster.com). 'Beautiful' is probably a stretch, but it's clean & clear, and the nicest setup I've ever found for including code-snippets in what I'm writing.
My Web site at http://www.pirilampo.org/ is all made from Org mode (and only it). You'll find the CSS source there as well (LP'ed from an Org file with Org Babel -- LP = Literate Programming).
How about this page? It shows how to set up the combo Emacs Org-mode & Jekyll in order to publish a static website or blog ---This is what is used at www.gorgnegre.com. Hope it helps.
I just read about Hyde, a static website generator powered by python & django.
http://ringce.com/hyde
To set it up is really easy and minimalistic.
We can use our favorite text editor to edit the content, hence org-mode.
Then I saw those two projects which intent to link even more org and hyde, but never tried :
https://github.com/dustinlacewell/ghorg
https://github.com/punchagan/org-hyde
That sounds very appealing to me !
Here is my site http://sydi.org that generated by orgmode, but its language is not English but Chinese. I think weather a site is beautiful and fit your eyes or not isn't depend on which tool used to make pages out, more important, well designed css & js do that.
I use orgmode generate html and fix something by elisp (orgmode hooks) on origins. If you need any help, I'm very pleasure.
Check out http://renard.github.com/o-blog/ - it's not strictly using org-mode, but an org-mode add-on (and also the subject of the site) called o-blog. I haven't done anything serious with it, but it looks pretty cool. It easily integrates with twitter bootstrap for all the nice pretty things it provides.
Related
Closed. This question is not about programming or software development. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 3 months ago.
Improve this question
Does anyone know a way to include a single file of a multi-file gist into a medium post?
I've tried, without luck, the solutions proposed here:
How do I embed a single file from a GitHub gist with the new gist interface?
Yes, we get the gist
2020 - It is possible! 🎊🎉
There is a way for that without using <script>, but it's kind of tricky:
⚠️ The order matters!
Copy the (multi-file) gist path. e.g.:
https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8
Paste it somewhere else than the Medium article. Like an online textbox:
⚠️ Do not hit search or return button
Append the query param for the file to the URL. e.g:
https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8?file=Interface.swift
Note that ?file=Interface.swift at the end of the URL, right?
Copy and paste it in the article and see the magic 🔮
An article using this method:
Implement Custom Activity Indicator With The SwiftUI
The MOST Important note that MUST be considered:
⚠️ Note that you MUST copy an unformatted plain text in the medium and MUST NOT edit the URL after pasting it in the Medium! You can copy the link in an online textbox like google.com and after appending the query, copy it back and paste it in the Medium.
The Medium API for posts refers to "Accepted markup for Medium’s Publishing API" and the markdown syntax.
None of them includes a <script>, needed to include a Gist single file
<script src="https://gist.github.com/<id>.js?file=afile" type="text/javascript" />
The only workaround is to generate the article content, included the gist file, and publish the built text with everything in it.
If the Gist changes though, that means the article has to be updated.
Phelipe Rocha mentions in the comments the article "Dealing with Code on Medium" from Egon Elbre
The least frustrating approach I’ve found was using code screenshots. Obviously, this is very annoying for readers.
I would add: combining a screenshot with an HTML link referencing the gist file might be an acceptable workaround (notwithstanding the gist changes, which would mean updating the screenshots).
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Can anybody help me that how can i set PRINT and save as PDF icon(functionality) in TYPO3 pages ?
Thanks...in advance..
There are many examples in Google and I think that you should browse them, to find the one the best fits your needs.
In general 'historically' print version was suggested to be build with new PAGE cObject which typeNum is set to 98 (of course that's only suggestion) in general going this clue, you should find many examples and other resources by searching in Google for typo3 typeNum 98.
When you'll create alternative PAGE object (and maybe also use modified template for it) you need also add on your webpage a link which be the same as the current URL but with additional param &type=98, when user will click it TYPO3 will open the alternative version of the page. So you can add to this a JS in header which will also start system's print dialog.
You can also search the extensions repository and find something for placing the print button if you are unfamiliar with TypoScript.
PDF rendering is similar from point of view of the frontend, however most probably you need to use some additional lib, so it will be best to search for ready to use solution from the repo.
In general PDF version could be tricky, therefore from my experience I can say that nowadays it's sometimes better to avoid the PDF icon at all or use linking to some external service. Of course all depends on your needs. Remember that there are many programs which are able to create PDF's so if it is not required maybe it's no worth of its effort.
Finally take a look at the AddThis widget it can be also used for easy adding of icons for printing and online PDF creation, additionally you can also send invitations via e-mail, or even share the link on the hundreds social portals. And what's most important installing this is just like adding view lines of HTML code vie TypoScript.
I looking for either an open source (or otherwise) php script/library/code that will provide me with a similar email composer that Mailchimp and Campaign Monitor have.
I've played around with lots of wysiwyg editors (eg: tinymce, ckeditor) but, they don't work very well for allowing users to compose emails.
Mosaico Editor is the first open source email template builder of this kind (AFAIK).
You can find a free to use deployment (working also as live demo) at http://mosaico.io and you can get sources at https://github.com/voidlabs/mosaico
I choose blocks from a set defined by the "master template", then you fill you contents and change their styles in a WYSIWYG style. If you're on a large window you can also have live preview for the mobile version.
The master template defines what are the blocks, what you can edit and what you can style and it contains any html trick to make it compatible with most clients: this means you can change the editor behaviour a lot by simply writing a new master template.
It is 99% javascript (IE10+, and any other modern browser) and depends on server-side functions only to do "final inlining" and "image upload/resizing"
Next generation tool for building templates without coding
Grapejs official site
GrapesJS is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. You can see it in action with the official demos, but using its API you're able to build your own editors.
I'm in the process of building one but as a designer it is a work in progress! I'd suggest looking at PHP template engines. They have a similar functionality. Most however will use php variables inside the html page instead of tags.
Another oprion is to check out Perch it is officially a CMS, but is really lightweight and might get the job done for you.
Hope that helps even though it is a year after you posted the question...
EDIT: Actually just stumbled across this thread which links to the new CKEditor - looks pretty cool.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
Hello I got a website with around 5-6 pages (plain html). There are areas in these pages where I need to update occassionally. Is there any free / opensource CMS to maintain these editable areas of HTML page.
Thanks
Perch is excellent for small sites.
At its very simplest, Perch allows you to replace static content in an HTML file with placeholders. A simple GUI then allows you to edit those placeholder values for individual pages. So, for example, if you have a file containing this chunk of markup:
<h1>My site</h1>
you can change that to:
<h1><?php perch_content('Main heading'); ?></h1>
and you'll then be able to edit 'Main heading' through the GUI. Most CMS apps work in a similar way, but Perch is the first I've come across that does very little else, which is a huge plus for small projects.
I haven't used Perch for a while, and I'm sure they've added some features since I last did, but I'd still recommend you give it a try. It's cheap, too.
I think couchcms is a pretty good open source alternative to the likes of cushycms and perch
I recommend cushy
http://www.cushycms.com/
http://drupal.org/ is very popular. Many people also use Wordpress - http://wordpress.org. Also try googling "simple cms".
The answer will obviously be dependent on the requirements of the software and the capabilities of your server.
You should also check out opensourcecms.com. You can try out various cms's there until you find one you like.
For a five-page website, Drupal is probably overkill; I'd say Wordpress is good enough (just define a page for each page of the website, copy and paste your content, choose a theme, and you're done). (You would want to either use the blogging features of WP to take full advantage of it, though.)
If for some reason you really want to try out Drupal but don't want to invest a lot of time into figuring it out (it does take some ... well, a lot ... of time to figure out right out of the box), and you're not in a big hurry, you can wait a bit until it's possible to try out the new Drupal Gardens hosted CMS system (currently in beta). (You need a beta key to try it. Sign up for the beta on the site and then wait for your key.)
Since your most likely a programmer I would recommend github's very own Jekyll:
Here are some sites powered by it:
https://github.com/mojombo/jekyll/wiki/sites
As a bonus you can use Github to provide you free hosting (your site will be a public repository that only you can edit).
Have you tried using mut8? They have pretty alright features.
http://mut8.me
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I need to create a historical timeline starting from 1600's to the present day. I also need to have some way of showing events on the timeline so that they do not appear cluttered when many events are close together.
I have tried using Visio 2007 as well as Excel 2007 Radar Charts, but I could not get the results I wanted. the timeline templates in Visio are not great and using Radar charts in Excel leads to cluttered data.
Are there any other tools or techniques I could use to create these?
#Darren:
The first link looks great. Thanks! The second link did not work in Firefox and was rendered as ASCII. It opened up fine in IE.
And yes, this is for the end users. So I want it to look as presentable as possible, if you know what I mean.
Thanks again!
SIMILIE Timeline would probably suit your needs.
http://simile.mit.edu/timeline/
Timeline .NET: http://www.codeplex.com/timelinenet
Oh, i guess i should ask... for personal use or for display to end users? that might change what i would suggest, but this could work for internal purposes too i suppose.
Lifehacker has a good overview and tutorial of SIMILIE Timeline. They seem to like it quite a bit.
If you need a timeline from RSS Feeeds give xTimeline a try. I just used it
http://lifehacker.com/software/rss/create-a-timeline-from-rss-feeds-with-xtimeline-283098.php
#Pascal this page? http://tools.mscorlib.com/timeline/Default.aspx. If it's looking like ascii maybe look for a js error, but that renders on my system fine. If all else fails, it's a decent js library by the MIT team as it is, so you could wire up your own implementation
I also recommend Simile Timeline... I just implemented a webpage that uses it and JQuery and produces fantastic results. The downside is that you need to implement it through some html page, hook it up with the js and create some xml files, so it probably won't do for a presentational tool.
http://infosthetics.com/ is a good data visualization blog, maybe you find something there. Also check flowingdata.com
For webbased timelines, there is also:
circavie: http://flowingdata.com/2007/10/25/create-share-and-embed-custom-timelines-with-circavie/
dipity (looks killer): http://flowingdata.com/2008/08/18/tell-stories-with-interactive-timelines-from-dipity/
You can used this great timeline tool built with JavaScript.
You can download it for free here: http://timeline.verite.co/#examples