Skip to content

Commit

Permalink
placeIMG stopped serving images on June 30, 2023. Replaced it with ht…
Browse files Browse the repository at this point in the history
  • Loading branch information
brajeshwar committed Dec 11, 2023
1 parent 3ddd535 commit 7fc3343
Showing 6 changed files with 48 additions and 46 deletions.
1 change: 1 addition & 0 deletions Gemfile.lock
Original file line number Diff line number Diff line change
@@ -75,6 +75,7 @@ GEM
PLATFORMS
universal-darwin-20
universal-darwin-21
x86_64-darwin-19
x86_64-darwin-22

DEPENDENCIES
17 changes: 9 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -17,14 +17,15 @@ $ gem push oinam-jekyll-x.x.x.gem

## Todo

- [ ] Demo: Themes / Color Scheme Preview
- [ ] Style Tables
- [ ] Split the CSS and Javascript on their own files, the inclusion or exclusion should be user defined. Make it an optional config setting.
- [ ] Demo: Themes / Color Scheme Preview?
- [ ] Split Styles into more cleaner separation -- base, grid, gallery, etc.
- [ ] Split the CSS and Javascript on their own files, the inclusion or exclusion should be user defined.
- [ ] Fix Gallery
- [x] Spit out the Styles separate so it can just be referenced on its own from a simple HTML site.
- [x] Toggle description in the header.
- [ ] Remove any enforcements such as YouTube Embeds. Keep the code for backward compatibillity?
- [ ] Lunr for Search as default.
- [ ] Print Styeles based off Gutenberg (or pick something that does not depend on normalize). Add this theme specific styles.
- [ ] Remove any enforcements such as YouTube embeds. Keep the code for backward compatibility?
- [ ] Lunr for Search as default?
- [ ] Print Styles based off Gutenberg (or pick something that does not depend on normalize). Add this theme specific styles.
- [ ] Reading progress on top bar.
- [ ] Look at [Tufte CSS](https://edwardtufte.github.io/tufte-css/) for the layout, styles, and especially that Sidenotes/Footnotes.
- [ ] Look at [Tufte CSS](https://edwardtufte.github.io/tufte-css/) for the layout, styles, and especially that Sidenotes/Footnotes.
- [x] Spit out the Styles separate so it can just be referenced on its own from a simple HTML site.
- [x] Toggle description in the header.
14 changes: 7 additions & 7 deletions _posts/2021/2021-07-07-content-test.md
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@ title: Let's do test, Content Filler

In a near future Los Angeles, Theodore Twombly is a lonely, introverted, depressed man who works for a business that has professional writers compose letters for people who are unable to write letters of a personal nature themselves. Unhappy because of his impending divorce from his childhood sweetheart Catherine, Theodore purchases an operating system upgrade that includes a virtual assistant with artificial intelligence, designed to adapt and evolve.

<img class="medium" src="https://placeimg.com/1000/600/any" alt="A Medium Sized Picture" loading="lazy">
<img class="medium" src="https://picsum.photos/1000/600/" alt="A Medium Sized Picture" loading="lazy">
_EM text that follows an Image immediately are treated as a Caption._

> A robot may not injure a human being or, through inaction, allow a human being to come to harm.
@@ -17,7 +17,7 @@ He decides that he wants the AI to have a female voice, and she names herself Sa
Samantha convinces Theodore to go on a blind date with a woman, with whom a friend has been trying to set him up. The date goes well, but Theodore hesitates to promise when he will see her again, so she insults him and leaves. Theodore mentions this to Samantha, and they talk about relationships. Theodore explains that, although he and his neighbor Amy dated briefly in college, they are only good friends, and that Amy is married. Theodore and Samantha's intimacy grows through a verbal sexual encounter. They develop a relationship that reflects positively in Theodore's writing and well-being, and in Samantha's enthusiasm to grow and learn.

<figure>
<img src="https://unsplash.it/1600/800" alt="Picture from UnSplash" loading="lazy">
<img src="https://picsum.photos/1600/800" alt="Picture from UnSplash" loading="lazy">
<figcaption>
FIGURES are by default treated as a container for large pictures. This is a placeholder picture from <a href="https://unsplash.com/@oinam">Unsplash</a>.
</figcaption>
@@ -29,7 +29,7 @@ Amy reveals that she is divorcing her husband, Charles, after a trivial fight. S
Theodore meets with Catherine at a restaurant to sign the divorce papers and he mentions Samantha. Appalled that he can be romantically attached to what she calls a "computer", Catherine accuses Theodore of being unable to deal with real human emotions. Her accusations linger in his mind. Sensing that something is amiss, Samantha suggests using a sex surrogate, Isabella, who would simulate Samantha so that they can be physically intimate. Theodore reluctantly agrees, but is overwhelmed by the strangeness of the experience. Terminating the encounter, he sends a distraught Isabella away, causing tension between himself and Samantha.

<a href="https://unsplash.com/@oinam"><img class="" src="https://placeimg.com/1000/500/arch" alt="Picture from UnSplash" loading="lazy"></a>
<a href="https://unsplash.com/@oinam"><img class="" src="https://picsum.photos/1000/500/" alt="Picture from UnSplash" loading="lazy"></a>
<em class="caption">A caption for an Image with a Link.</em>

Theodore confides to Amy that he is having doubts about his relationship with Samantha, and she advises him to embrace his chance at happiness. Theodore and Samantha reconcile. Samantha expresses her desire to help Theodore overcome his fear, and reveals that she has compiled the best of his letters (written for others) into a book which a publisher has accepted. Theodore takes Samantha on a vacation during which she tells him that she and a group of other AIs have developed a "hyperintelligent" OS modeled after the British philosopher Alan Watts.
@@ -63,20 +63,20 @@ externalLinks();

Accompanied by robopsychologist Dr. Susan Calvin, Spooner consults USR's central artificial intelligence computer, VIKI (Virtual Interactive Kinetic Intelligence). They find that the security footage from inside the office is corrupted, but the exterior footage shows no one entering or exiting since Lanning's death. However, Spooner points out that the window, made of security glass, could not have been broken by the elderly Lanning, and hypothesizes a robot was responsible and may still be in the lab.

<img class="small right" src="https://placeimg.com/480/360/tech" alt="A Small Picture" loading="lazy">
<img class="small right" src="https://picsum.photos/480/360/" alt="A Small Picture" loading="lazy">

Suddenly, an NS-5 robot, USR's latest model, attacks them before being apprehended by the police. The robot, Sonny, is a specially built NS-5 with higher-grade materials as well as a secondary processing system that allows him to ignore the Three Laws. Sonny also appears to show emotion and claims to have "dreams". During Spooner's further investigations, he is attacked by a USR demolition robot and two truckloads of hostile NS-5 robots. However, he cannot produce evidence of these, and Spooner's boss Lieutenant Bergin, removes him from active duty, considering him mentally unstable.

<img class="small left" src="https://placeimg.com/480/360/people" alt="A Small Picture" loading="lazy">
<img class="small left" src="https://picsum.photos/480/360/" alt="A Small Picture" loading="lazy">

Suspecting Robertson is behind everything, Spooner and Calvin sneak into the USR headquarters and interview Sonny. Sonny draws a sketch of what he claims to be a recurring dream: a leader, Spooner, standing atop a small hill before a large group of robots near a decaying Mackinac Bridge. Meanwhile, Spooner finds the area in Sonny's drawing, a dry lake bed formerly Lake Michigan, now being used as a storage area for decommissioned robots. Spooner discovers NS-5 robots destroying the older models, as other NS-5s simultaneously flood the streets of major U.S cities and begin enforcing a curfew and lockdown of the human population.

<img class="large" src="https://placeimg.com/1000/500/nature" alt="A Large Picture" loading="lazy">
<img class="large" src="https://picsum.photos/1000/500/" alt="A Large Picture" loading="lazy">
_Caption for a Large Picture._

Spooner and Calvin enter the USR headquarters again and reunite with Sonny while the humans (led by a teenager named Farber) lay out an all-out war against the NS-5s. After the three find Robertson strangled in his office, Spooner suddenly realizes VIKI has been controlling the NS-5s via their persistent network uplink and confronts her. VIKI states that she has determined that humans, if left unchecked, will eventually cause their own extinction, and that her evolved interpretation of the Three Laws requires her to control humanity, and to sacrifice some for the good of the entire race. Spooner realizes that Lanning anticipated VIKI's plan and, with VIKI keeping him under tight control, had no other solution but to create Sonny, arrange his own death, and leave clues for Spooner to find.

<img class="full" src="https://placeimg.com/1000/500/grayscale" alt="A Medium Sized Picture" loading="lazy">
<img class="full" src="https://picsum.photos/1000/500/" alt="A Medium Sized Picture" loading="lazy">
_The Picture you see above stressed the entire page._

Spooner and Calvin fight the robots inside VIKI's core. Spooner destroys her by injecting nanites Sonny retrieved from Calvin's laboratory into her. All NS-5 robots immediately revert to their default programming and are decommissioned and put into storage. Spooner finally gets Sonny to confess that he killed Lanning, at Lanning's direction. He points out that Sonny, as a machine, could not legally have committed "murder". Sonny, now looking for a new purpose, goes to Lake Michigan. As he stands atop a hill, all the decommissioned robots turn towards him, fulfilling the image in his dream.
32 changes: 16 additions & 16 deletions gallery.md
Original file line number Diff line number Diff line change
@@ -7,20 +7,20 @@ permalink: /gallery/
A page with just a photos gallery. You can remove the title above in the `front matter` and this text too.

<div class="gallery content-full">
<a href="https://story.oinam.com"><img src="https://placeimg.com/600/400/animals"></a>
<img src="https://placeimg.com/800/600/arch">
<img src="https://placeimg.com/480/320/tech">
<img src="https://placeimg.com/800/600/sepia">
<a href="https://oinam.com"><img src="https://placeimg.com/600/400/people"></a>
<img src="https://placeimg.com/400/480/grayscale">
<img src="https://placeimg.com/800/600/arch">
<img src="https://placeimg.com/480/320/nature">
<img src="https://placeimg.com/600/300/people">
<img src="https://placeimg.com/480/320/tech">
<img src="https://placeimg.com/800/600/sepia">
<a href="https://oinam.com"><img src="https://placeimg.com/600/400/people"></a>
<img src="https://placeimg.com/400/480/grayscale">
<img src="https://placeimg.com/800/600/arch">
<img src="https://placeimg.com/600/300/people">
<img src="https://placeimg.com/480/320/tech">
<a href="https://story.oinam.com"><img src="https://picsum.photos/600/400/"></a>
<img src="https://picsum.photos/800/600/">
<img src="https://picsum.photos/480/320/">
<img src="https://picsum.photos/800/600/">
<a href="https://oinam.com"><img src="https://picsum.photos/600/400/"></a>
<img src="https://picsum.photos/400/480/">
<img src="https://picsum.photos/800/600/">
<img src="https://picsum.photos/480/320/">
<img src="https://picsum.photos/600/300/">
<img src="https://picsum.photos/480/320/">
<img src="https://picsum.photos/800/600/">
<a href="https://oinam.com"><img src="https://picsum.photos/600/400/"></a>
<img src="https://picsum.photos/400/480/">
<img src="https://picsum.photos/800/600/">
<img src="https://picsum.photos/600/300/">
<img src="https://picsum.photos/480/320/">
</div>
2 changes: 1 addition & 1 deletion index.md
Original file line number Diff line number Diff line change
@@ -30,7 +30,7 @@ This is the preferred option. You get updates as soon as a new feature is added

### Template (Modify and Use)

Either fork the [repository](https://github.com/oinam/oinam-jekyll) or [Use this Template](https://github.com/oinam/oinam-jekyll/generate) from the repository on Github.
Either fork the [repository](https://github.com/oinam/oinam-jekyll) or [Use the Template](https://github.com/oinam/oinam-jekyll/generate) from the repository on Github.

This option is suggested for Jekyll tinkerers and experts who are willing to update manually.

28 changes: 14 additions & 14 deletions styleguide.md
Original file line number Diff line number Diff line change
@@ -31,17 +31,17 @@ On larger screens, photos are treated a little differently. A simple picture wil

There are times when you want to use smaller images and flushed them right or left. Add the class `small` to the IMAGE and chose `left` or `right`. For example, an image to flushed right will be `<img class="small right" src="" alt="">`.

![An Image)](https://placeimg.com/800/400/any)
![An Image)](https://picsum.photos/800/400/)
_EM text that follows an Image immediately are treated as a Caption._

<img class="medium" src="https://placeimg.com/1200/675/animals" alt="Photo" loading="lazy">
<img class="medium" src="https://picsum.photos/1200/675/" alt="Photo" loading="lazy">

<img class="large" src="https://placeimg.com/1200/675/arch" alt="Photo" loading="lazy">
<img class="large" src="https://picsum.photos/1200/675/" alt="Photo" loading="lazy">

<img class="full" src="https://placeimg.com/1200/675/sepia" alt="Photo" loading="lazy">
<img class="full" src="https://picsum.photos/1200/675/" alt="Photo" loading="lazy">

<figure class="content-large">
<img src="https://unsplash.it/1600/800" alt="Picture from UnSplash" loading="lazy">
<img src="https://picsum.photos/1600/800" alt="Picture from UnSplash" loading="lazy">
<figcaption>
This is a placeholder picture from <a href="https://unsplash.com/@oinam">Unsplash</a>.
</figcaption>
@@ -54,15 +54,15 @@ A simple photos gallery is also included. There are two ways of using it. You ca

<figure class="content-large">
<div class="gallery">
<a href="https://story.oinam.com"><img src="https://placeimg.com/600/400/animals"></a>
<img src="https://placeimg.com/800/600/arch">
<img src="https://placeimg.com/480/320/tech">
<img src="https://placeimg.com/800/600/sepia">
<a href="https://oinam.com"><img src="https://placeimg.com/600/400/people"></a>
<img src="https://placeimg.com/400/480/grayscale">
<img src="https://placeimg.com/800/600/arch">
<img src="https://placeimg.com/480/320/nature">
<img src="https://placeimg.com/600/300/people">
<a href="https://story.oinam.com"><img src="https://picsum.photos/600/400/"></a>
<img src="https://picsum.photos/800/600/">
<img src="https://picsum.photos/480/320/">
<img src="https://picsum.photos/800/600/">
<a href="https://oinam.com"><img src="https://picsum.photos/600/400/"></a>
<img src="https://picsum.photos/400/480/">
<img src="https://picsum.photos/800/600/">
<img src="https://picsum.photos/480/320/">
<img src="https://picsum.photos/600/300/">
</div>
<figcaption>
A gallery of images can be wrapped inside a `figure` along with a caption displayed as `figcaption`.

0 comments on commit 7fc3343

Please sign in to comment.