Tarot Card Javascript

For the upcoming Domains conference (whoo-hoo! and yes, this is for you, Autumm...), I built a new randomizing widget using the Rider-Waite-Smith tarot deck drawn by the remarkable Pamela Colman Smith.

---

---

To create the widget, I snagged the card images at Wikipedia, along with the link to the Wikipedia article for each card. Below each image, I've added a link back to this blog post. I've created two versions of the script: one that is 300 pixels wide (the width of the card images at Wikipedia), and also a smaller 200 pixel version suitable for blog sidebars. You can see the 300-pixel version below, and the 200-pixel version in the sidebar of this blog.

If you want to use the script yourself, you can copy-and-paste the information below. 

300 Pixels:

<script src="https://widgets.lauragibbs.net/domains/tarot/tarot300.js" type="text/javascript"></script>

200 Pixels:

<script src="https://widgets.lauragibbs.net/domains/tarot/tarot200.js" type="text/javascript"></script>

You can also use the script in Canvas LMS or other javascript-hostile environments by pasting in this iframe version; that way the script is running outside of Canvas, which makes Canvas happy:

<iframe src="https://widgets.lauragibbs.net/canvas/tarot.html" width="350" height="800"></iframe>

Behold: a randomizing Tarot Deck inside a Canvas LMS Page.

You can see the spreadsheet I used to generate the script here, converting the HTML in the spreadsheet to javascript with RotateContent.com. Detailed instructions here: Turn HTML Tables into Javascripts.

* * *

Appendix: Reversed cards included

People have strong feelings sometimes about whether to play with reversed cards or not; I've created a separate script which has the reversed cards included:

300 Pixels:

<script src="https://widgets.lauragibbs.net/domains/tarot/tarot300reversed.js" type="text/javascript"></script>

200 Pixels:

<script src="https://widgets.lauragibbs.net/domains/tarot/tarot200reversed.js" type="text/javascript"></script>

---

---

Domains 19

I am pumped too!!! Domains 2019 schedule is out... so exciting: old friends, new friends... and there is hope for the digital world yet! I really really REALLY needed this to end the otherwise awful week on a nicer note.

Nothing says 'Happy Friday' like releasing the schedule for #DOMAINS19!! Guys... we're PUMPED. https://t.co/YSqU9I2S60 #HappyFriday #HaveYouRegisteredYet

— DOMAINS 19 (@DomainsConf) March 15, 2019

I am a domain mapping master! :-)

No, not really, ha ha. I actually have no idea how it works... I just know: IT WORKS. Here's the story:

I was so curious to see how this mapping worked that I gave it a try already a few days ago, but I was impatient about waiting for the DNS to populate, so I had actually deleted the subdomain I had created and removed the 3rd party set-up from the blog. I was just too busy during the week to keep an eye on this to make sure the DNS did populate eventually. Since I did not wait for the DNS to populate, I was not 100% sure whether it worked or not, but I figured I would wait for the three-day weekend so that I could afford to be patient. Imagine my surprise when I found out that the multi-step verification process I went through did not have to be repeated and apparently the DNS procedure went through just fine, so that I did not have to do hardly anything when I went to map today. Supremely cool!

Adam, I don't think the tutorial says that people only have to do all that tedious stuff ONCE, and then they can apparently map all the Blogger blogs they want in no time at all. It might be good to indicate that! I would have been happy knowing that by doing the mapping once, I was getting ready to be able to instantly map all the Blogger blogs that I want.

So, here's what I did today - I thought I would be here for an hour, but it took just a few minutes!

I started by making a new blog that is going to be my pet project for this semester, where I will be writing up "The Anatomy of an Online Course," trying to document (finally!) the different components of my online course design. Here is the Blogger blog I made:
http://onlinecourseanatomy.blogspot.com

I published a single test post so that I could make sure the mapping worked for an existing post:
http://onlinecourseanatomy.blogspot.com/2014/08/test-post.html

Then, I logged on at create.ou.edu and made a subdomain. Since I don't have the same naming constraints as at blogspot.com, I was able to choose something shorter:
http://anatomy.lauragibbs.net

Then, I followed the steps in this tutorial for the actual mapping.

I put in the CNAME ghs.google.com (Step 5), and then when I went to enter the 3rd part address at Blogger, I did not get the error message about verification! I was surprised, but sure enough — there was no error because I was already verified.

This address works and shows my Blogger blog contents:
http://anatomy.lauragibbs.net/

Next I tested the existing post address at blogspot:
http://onlinecourseanatomy.blogspot.com/2014/08/test-post.html

It now displays at:
http://anatomy.lauragibbs.net/2014/08/test-post.html

HOW COOL! Just to make sure I was not hallucinating, I mapped another blog to see what happened. Before I started, I copied a URL for a post so that I can check to make sure existing links will still work:
http://englishaesop.blogspot.com/2011/11/davies-apollo-and-jupiter.html

Here's my new subdomain:
http://englishaesop.lauragibbs.net/

After I map... presto! It works!!! And the old link redirects:
http://englishaesop.blogspot.com/2011/11/davies-apollo-and-jupiter.html

GLORY HALLELUJAH. I had no idea I would get to skip all those steps: what a nice surprise! I don't really feel a need one way or the other to map all my Blogger blogs, but this is a very cool opportunity for my future students. If they are already using Domains because of a previous class they were in, I feel confident that I can help them to map their Blogger domain, while also giving them good support on the use of Blogger itself. Of course, if they are WordPress users and want to carry on using WordPress, that's great: my only requirement is that their blogging platform support full RSS and also labels (tags, categories, whatever) for navigation.

I feel proud of myself, and it was good to go through a process like this and learn something new - that sense of nervousness but also the excitement when something succeeds! I ask my students to do new things with technology, so it's good to remind myself of just what that feels like. To me, it feels good!!!

THANK YOU, Adam, for the chance to do this! Much appreciated. 

Getting started with create.ou.edu

Thanks very much to Adam Croom and all the people who worked on getting our "Domain of One's Own" project up and running at create.ou.edu. This is a super-busy time of the semester for me, but I am going to try to experiment a little bit every weekend. So, here is what I did today:

1. Create a domain: lauragibbs.net

2. I created a temporary redirect that will send people going to lauragibbs.net to this blog, since I will be keeping a chronicle here (for now anyway) of my Domain adventures. I'll use Domains as the label for these posts.

3. Just for fun, I set up a subdomain, brevissima.lauragibbs.net, which points to the blog for my Brevissima book. It works!

This is going to be a great opportunity for me to explore WordPress and my goal is to keep on developing Blogger support for my students (I am esp. encouraged that there is domain mapping, so people could map a Blogger blog to their own domain), while also learning about WordPress so that next year ... if this project continues, as I hope it will! ... I can offer students a choice of WordPress or Blogger.

Meanwhile, I need to think of some WordPress project to do over there... I think maybe I will try to write up something descriptive/pedagogical about my classes, a kind of meta-commentary on all my course sites and pages. Just a thought...

And the next Blogger blog I set up, I will map to this lauragibbs.net domain and learn how that works so that I can document that process for my students.

Anyway, I am excited about this, and I really appreciate the invite, Adam! :-)