From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from mp10.migadu.com ([2001:41d0:2:4a6f::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by ms0.migadu.com with LMTPS id uLrqJBL8D2LlPAEAgWs5BA (envelope-from ) for ; Fri, 18 Feb 2022 21:05:38 +0100 Received: from aspmx1.migadu.com ([2001:41d0:2:4a6f::]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits)) by mp10.migadu.com with LMTPS id 4O6pHRL8D2Lj3QAAG6o9tA (envelope-from ) for ; Fri, 18 Feb 2022 21:05:38 +0100 Received: from lists.gnu.org (lists.gnu.org [209.51.188.17]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by aspmx1.migadu.com (Postfix) with ESMTPS id 90F2B3A9EE for ; Fri, 18 Feb 2022 21:05:37 +0100 (CET) Received: from localhost ([::1]:51974 helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1nL9VY-0000UJ-MZ for larch@yhetil.org; Fri, 18 Feb 2022 15:05:36 -0500 Received: from eggs.gnu.org ([209.51.188.92]:51940) by lists.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1nL9Ue-0000U8-N7 for emacs-orgmode@gnu.org; Fri, 18 Feb 2022 15:04:40 -0500 Received: from out2-smtp.messagingengine.com ([66.111.4.26]:48137) by eggs.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1nL9Uc-0002lX-Cv for emacs-orgmode@gnu.org; Fri, 18 Feb 2022 15:04:40 -0500 Received: from compute2.internal (compute2.nyi.internal [10.202.2.46]) by mailout.nyi.internal (Postfix) with ESMTP id AAD925C0454 for ; Fri, 18 Feb 2022 15:04:25 -0500 (EST) Received: from imap49 ([10.202.2.99]) by compute2.internal (MEProxy); Fri, 18 Feb 2022 15:04:25 -0500 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=fastmail.com; h= cc:content-type:date:date:from:from:in-reply-to:in-reply-to :message-id:mime-version:references:reply-to:sender:subject :subject:to:to; s=fm2; bh=i+5IvLLB3Y5296YS3frhWtffQoi5un1KU8D0so cXu8k=; b=BvMI9deRmN66N6IYWd502g7gRTrjKiuUjMs9jTnTztxzMmcgc3+8hQ 1V+IJ/Ns51PffgdoNmwcWoruZ9zeGs9CDWFDfj6eTJzI9z1i7f/X1KhQe+spyBwp Esj5oURu0A+rSVuazUBopO3Tf6UVART3XFcyJ+AVYwOJc4fvpR/5fRSM6NouRt3i x4CHT0J+FFOahzc/SMHJliKy0DwoGxRNzmvA1zZgT5nMzztKdwtGN5k5/aOgGoLz WCtbk3FF+4UivhdH+/Z7Fn8Utk16mPQ1qKYbSPs3lSQJhgwtew86WdDjYLLhePcC IAARHViERoSMx0xAh+bC/3QBYcxcjPuQ== DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d= messagingengine.com; h=cc:content-type:date:date:from:from :in-reply-to:in-reply-to:message-id:mime-version:references :reply-to:sender:subject:subject:to:to:x-me-proxy:x-me-proxy :x-me-sender:x-me-sender:x-sasl-enc; s=fm2; bh=i+5IvLLB3Y5296YS3 frhWtffQoi5un1KU8D0socXu8k=; b=YkHcXI8XOApujPUIoKvGMy3/llo660yNt SNSV/P9ROOhZGhsA3Da+6vXJFBsw4U6n+pABMbCDA/IDfcpEa8vE1FOii+38xx22 13NsiHJM9Hy/YZEzy8Cn/pETy1t5jxUi+q08n0C9Qx6ZB5TyvIWRADqNn7Co6g6G QGceUX/PKNJaezX28RIvZZXHR+EZlvEwvCny/ER67Xtp71vxdt1H0P6IeRbl5vqE cMwjePKPLcykMyfoxZ3w+Hsk2SfLxjWBTxV2kCol1hpMUuBXuZk91ZhIQctqX3n2 Wls0pGEwkd19IwT5TYiHK9b5hVtSzdd2wFey0Oo0QQ3GActv8lHkQ== X-ME-Sender: X-ME-Proxy-Cause: gggruggvucftvghtrhhoucdtuddrgedvvddrkedtgddufedtucetufdoteggodetrfdotf fvucfrrhhofhhilhgvmecuhfgrshhtofgrihhlpdfqfgfvpdfurfetoffkrfgpnffqhgen uceurghilhhouhhtmecufedttdenucenucfjughrpefofgggkfgjfhffhffvufgtsegrtd erreerreejnecuhfhrohhmpedfufgrmhhuvghluceurghnhigrfdcuoehssggrnhihrges fhgrshhtmhgrihhlrdgtohhmqeenucggtffrrghtthgvrhhnpeefuddtkeevheejjeefte fgtefggfdvfeegffeijeehgffhtdfftdevheekfeduvdenucffohhmrghinhephihouhht uhgsvgdrtghomhdpshgrmhgsrghnhigrrdgtohhmpdiffehstghhohholhhsrdgtohhmne cuvehluhhsthgvrhfuihiivgeptdenucfrrghrrghmpehmrghilhhfrhhomhepshgsrghn higrsehfrghsthhmrghilhdrtghomh X-ME-Proxy: Received: by mailuser.nyi.internal (Postfix, from userid 501) id 6EDF6F60083; Fri, 18 Feb 2022 15:04:25 -0500 (EST) X-Mailer: MessagingEngine.com Webmail Interface User-Agent: Cyrus-JMAP/3.5.0-alpha0-4778-g14fba9972e-fm-20220217.001-g14fba997 Mime-Version: 1.0 Message-Id: <57d60fcf-6730-45da-91ea-176881cefe8e@www.fastmail.com> In-Reply-To: <45e958d4-9c0c-4ea6-90b7-433ed9f38d44@www.fastmail.com> References: <086129c3-de30-4e0b-a0b7-6b1c9b0578b6@www.fastmail.com> <871r01i1pm.fsf@posteo.net> <45e958d4-9c0c-4ea6-90b7-433ed9f38d44@www.fastmail.com> Date: Fri, 18 Feb 2022 15:04:04 -0500 From: "Samuel Banya" To: "Charles Berry" Subject: Re: Question Regarding Creating HTML Style Buttons With Org Mode Content-Type: multipart/alternative; boundary=78fe9744c8d84fceb9b16a5fa5b2690d Received-SPF: pass client-ip=66.111.4.26; envelope-from=sbanya@fastmail.com; helo=out2-smtp.messagingengine.com X-Spam_score_int: -27 X-Spam_score: -2.8 X-Spam_bar: -- X-Spam_report: (-2.8 / 5.0 requ) BAYES_00=-1.9, DKIM_SIGNED=0.1, DKIM_VALID=-0.1, DKIM_VALID_AU=-0.1, DKIM_VALID_EF=-0.1, FREEMAIL_FROM=0.001, HTML_MESSAGE=0.001, RCVD_IN_DNSWL_LOW=-0.7, RCVD_IN_MSPIKE_H3=0.001, RCVD_IN_MSPIKE_WL=0.001, SPF_HELO_PASS=-0.001, SPF_PASS=-0.001, T_SCC_BODY_TEXT_LINE=-0.01 autolearn=ham autolearn_force=no X-Spam_action: no action X-BeenThere: emacs-orgmode@gnu.org X-Mailman-Version: 2.1.29 Precedence: list List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Errors-To: emacs-orgmode-bounces+larch=yhetil.org@gnu.org Sender: "Emacs-orgmode" X-Migadu-Flow: FLOW_IN X-Migadu-Country: US ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=yhetil.org; s=key1; t=1645214738; h=from:from:sender:sender:reply-to:subject:subject:date:date: message-id:message-id:to:to:cc:mime-version:mime-version: content-type:content-type:in-reply-to:in-reply-to: references:references:list-id:list-help:list-unsubscribe: list-subscribe:list-post:dkim-signature; bh=i+5IvLLB3Y5296YS3frhWtffQoi5un1KU8D0socXu8k=; b=QxapyY7kYs1iBIx32cHN8+LOiyWSMcjJa/flG6HmLhpK6qRgIX021zmzPQXbrqwIms+Og1 mp2fHlL2ZRk57HxFOo2umIZgmmrR7zmzSHo43U/6h+W7W3pbJ1hf+Cetg/TzwBTd9eMRIL iAaISSsLZtWD3WIR8OmImsdq7apx55gn3Owgan9TWHAY+dP/YzB/a/PmqztFWeEsdBIRYE w7YOf5Ly5osrRL/yvzvsOa1VFUpMfEyPWHLl7IxF7a7BgJRSCrgO0QbMxNpfQ3jJLh1MGq QY0GubDTQu9CNqE2B1YtpMcJW9aAfvfbWl7gxnIZoYY4jEinaDfLf4nIPCFp9Q== ARC-Seal: i=1; s=key1; d=yhetil.org; t=1645214738; a=rsa-sha256; cv=none; b=bUrHofni2wIRL4ZjpTflzzg9sq7pd69vY/7UCbzjSKi000oD0clMBMhduSgbL60KZLJfcV BnAwjz90+AbbAbrc+mav5u1juIhEE69d6yPojP5BDk87mI05BLqzJKU9DfcqM0AtvrtG+y mkVBSeOzlaWlRvN6924HKrgk8XS7q3xOawgs7Kap1hBvusnBouTE4HIrv0bqfGo6CN1lH1 1D2L0xkNa2eCtD9L7FlFn2o+U/N4fyZ9bLPFyPjh+NQD24+GrXi/YT85efY1fsf/QonPco p4Q6Go19APf5FhV1YxfNngwoW2fmfjPgy1v/NrLmrMd41IzwvYAbSBY1y8V2tA== ARC-Authentication-Results: i=1; aspmx1.migadu.com; dkim=fail ("headers rsa verify failed") header.d=fastmail.com header.s=fm2 header.b=BvMI9deR; dkim=fail ("headers rsa verify failed") header.d=messagingengine.com header.s=fm2 header.b=YkHcXI8X; dmarc=fail reason="SPF not aligned (relaxed)" header.from=fastmail.com (policy=none); spf=pass (aspmx1.migadu.com: domain of "emacs-orgmode-bounces+larch=yhetil.org@gnu.org" designates 209.51.188.17 as permitted sender) smtp.mailfrom="emacs-orgmode-bounces+larch=yhetil.org@gnu.org" X-Migadu-Spam-Score: -0.52 Authentication-Results: aspmx1.migadu.com; dkim=fail ("headers rsa verify failed") header.d=fastmail.com header.s=fm2 header.b=BvMI9deR; dkim=fail ("headers rsa verify failed") header.d=messagingengine.com header.s=fm2 header.b=YkHcXI8X; dmarc=fail reason="SPF not aligned (relaxed)" header.from=fastmail.com (policy=none); spf=pass (aspmx1.migadu.com: domain of "emacs-orgmode-bounces+larch=yhetil.org@gnu.org" designates 209.51.188.17 as permitted sender) smtp.mailfrom="emacs-orgmode-bounces+larch=yhetil.org@gnu.org" X-Migadu-Queue-Id: 90F2B3A9EE X-Spam-Score: -0.52 X-Migadu-Scanner: scn0.migadu.com X-TUID: Pf4ZvU73ZVqL --78fe9744c8d84fceb9b16a5fa5b2690d Content-Type: text/plain;charset=utf-8 Content-Transfer-Encoding: quoted-printable Also, how could you possible add an 'id' or 'class' attribute to an exis= ting lOrg mode style hyperink? I ask because I like your approach to just modify the stylesheet, but am= unaware of how to actually utilize HTML's concept or 'id' or 'class' in= an Org doc itself when using basic Org mode style hyperlinks [[link add= ress][link description]] Also, I ask because I found a similar video to just style the hyperlink = in a similar fashion but would need to somehow assign a class or id valu= e to the HTML element that's exported from the hyperlink itself: Styling HTML Anchor Tag (Link) To Look Like A Button | CSS Tutorial (htt= ps://www.youtube.com/watch?v=3Dp5nogm7ul6A)=20 Thanks, Sam On Fri, Feb 18, 2022, at 2:59 PM, Samuel Banya wrote: > I tried to use this idea, but I'm not sure how to set the 'target' in = your example: > [[button:some target][This is a button]] >=20 > For example, I tried this: > [[button:http://www.sambanya.com/artgallery.html][Art Gallery Page Lin= k]] >=20 > But received this error: > user-error: Unable to resolve link: "button:http://www.sambanya.com/ar= tgallery.html" >=20 > Thanks, >=20 > Sam >=20 > On Thu, Feb 17, 2022, at 5:10 PM, Juan Manuel Mac=C3=ADas wrote: >> Hi Samuel: >>=20 >> Samuel Banya writes: >>=20 >> > Is it possible to create HTML style buttons using Org Mode itself? >>=20 >> One possibility is to use a custom link. For example: >>=20 >> #+begin_src emacs-lisp >> (org-link-set-parameters "button" >> :face '(:foreground "green" :underline t) >> :export (lambda (path desc backend) >> (when (eq backend 'html) >> (format "
" path desc)))) >> #+end_src >>=20 >> #+HTML_HEAD: >>=20 >> [[button:some target][This is a button]] >>=20 >> NB: I have borrowed the style from here: https://www.w3schools.com/cs= S/css3_buttons.asp >>=20 >> Best regards, >>=20 >> Juan Manuel=20 >>=20 >=20 --78fe9744c8d84fceb9b16a5fa5b2690d Content-Type: text/html;charset=utf-8 Content-Transfer-Encoding: quoted-printable
Also, how = could you possible add an 'id' or 'class' attribute to an existing lOrg = mode style hyperink?

I ask because I like y= our approach to just modify the stylesheet, but am unaware of how to act= ually utilize HTML's concept or 'id' or 'class' in an Org doc itself whe= n using basic Org mode style hyperlinks [[link address][link description= ]]

Also, I ask because I found a similar vi= deo to just style the hyperlink in a similar fashion but would need to s= omehow assign a class or id value to the HTML element that's exported fr= om the hyperlink itself:
Styling HTML Anchor Tag (Link) To= Look Like A Button | CSS Tutorial (https://www.youtube.com/watch?v=3Dp5nogm7ul6A)=

Thanks,

Sam
<= /div>

On Fri, Feb 18, 2022, at 2:59 PM, Samuel Banya = wrote:
I tr= ied to use this idea, but I'm not sure how to set the 'target' in your e= xample:
[[button:some target][This is a button]]
=

For example, I tried this:
[[button:http://www.samban= ya.com/artgallery.html][Art Gallery Page Link]]

But received this error:
user-error: Unable to re= solve link: "button:= http://www.sambanya.com/artgallery.html"

Thanks,

Sam

= On Thu, Feb 17, 2022, at 5:10 PM, Juan Manuel Mac=C3=ADas wrote:
Hi Samuel:
<= /div>

Samuel Banya writes:

> Is it possible to create HTML style buttons using Org Mode itsel= f?

One possibility is to use a custom link.= For example:

#+begin_src emacs-lisp
  (org-link-set-parameters "button"
 &nb= sp; :face '(:foreground "green" :underline t)
  = :export (lambda (path desc backend)
   &nb= sp; (when (eq backend 'html)
     = ;  (format "<form><button class=3D\"mybutton\" formaction=3D= \"%s\">%s</button></form>" path desc))))
#+= end_src

#+HTML_HEAD: <style> .mybutto= n{background-color:#4CAF50;border:none;color:white;padding:15px32px;text= -align:center;text-decoration:none;display:inline-block;font-size:18px;m= argin:4px2px;cursor:pointer;</style>

= [[button:some target][This is a button]]

NB= : I have borrowed the style from here: https://www.w3schools.com/csS/css3_button= s.asp

Best regards,

<= /div>
Juan Manuel 


--78fe9744c8d84fceb9b16a5fa5b2690d--