Origami | Create new panes

What is wrong here:

I'm trying to make the PDF file with signature with origami gem, follow this example https://github.com/gdelugre/origami/blob/master/examples/signature/signature.rb

Now i just run this signature.rb and got error

[error] Breaking on: ">>\nendobj\n..." at offset 0x1f6f3

[error] Last exception: [Origami::InvalidObjectError] Failed to parse object (no:43,gen:0) -> [ArgumentError] wrong number of arguments (given 1, expected 0; required keyword: year)

I have no idea to move forward :'<

I also found the sign method of gem at https://github.com/gdelugre/origami/blob/master/lib/origami/signature.rb, and have take a look, I can't find any specific things to do :'<

Might this example is outdate?

I'm quite new at coding and trying to teach myself via books and other available sources, so please bare with me.

Does anyone have an idea how to make my close buttons work for all modal pages using querySelector or QuerySelectorAll? Currently, I'm trying to create a site that shows my artwork. Each piece of work would open up a modal page when you click on it, further describing each piece. For some reason, my close button only seems to work for the first page when I use QuerySelector, but when I change it to querySelectorAll, the close button does not work properly on any of the pages. I would think I need to use querySelectorAll, being that the close button will be on each modal page, and I'm trying to capture all .closeButton classes in one shot.

I'm trying to teach myself some web coding, so please bare with me. At the moment, I'm creating a modal page whose modal contents have three div elements (a close button, an image, and paragraph tags). I have applied some padding on the left side of the divs in the modal content divs because I wanted the image and the paragraphs to be spaced next to each other pretty nicely. However, I want the padding to only apply to the image and the paragraphs tags, and NOT the close button.

My question is, is there a way to apply padding to only the image and paragraph tags, but NOT the close button div.

CSS

I'm having issues with how my CSS float property aligns. In the "About Me" section, I want the

elements to be on the right side of the image however, the text and information in my "Portfolio" section are also floating around the image. How do I format it so that the text in the "About Me" section is the only text wrapping around the image, and the "portfolio" banner/header is on its own line and functioning like a block element?

Recently I got help from a very kind user from here about a template literal gallery with modals included.

The example I made was fixed and worked fine.

The thing is that when I passed the code to the actual project, the modals won't show. Modals are activated with a simple function classList.toggle(a class with display block).

Here I post some of the js code for better understanding

Referring to this post, i'm trying to adapt the animations to landscape mode. Basically what i want is to rotate all layers of -90° (90° clockwise) and the animations to run horizontally instead of vertically. The author didn't bother to explain the logic under the hood, there are a dozen paper folding libraries in obj-c which are all based on the same architecture, so apparently this is the way to go for folding.

EDIT: To further clarify what i want to achieve, here you can look at three snapshots (starting point, halftime and ending point) of the animations i want. In the question from the link up above the animation collapses from bottom to top, while i want it to collapse from left to right.

Down below you can take a look at the the original project a bit tweaked:

• i changed the gray bottomSleeve layer final angle value, as well as the red and blue ones angle;
• i paused the animations on initialization by setting the perspectiveLayer speed equal to 0 and added a slider, the slider value is then set equal to the perspectiveLayer timeOffset so that you can interactively run each frame of the animations by sliding. When the touch event on the slider ends, the animations are then resumed from the frame relative to the current timeOffset to the final value.
• i changed all the model layers values before running each animation added to the relative presentation layer using CATransaction. Also, on completion the perspectiveLayer speed is set to 0 again.
• for a better visual understanding, i set the perspectiveLayer backgroundColor equal to cyan.

Just to point it out, there are two main functions:

1. setupLayers(), called in viewDidLoad() is responsible of setting up the layers positions and anchor points, as well as adding them as sublayers to the mainView layer.
2. animate(), called recursively in setupLayers(), responsible of adding the animations. Here i also set the model layers values to the related animations final value before adding them.

Just copy, paste it and run:

I want to show icons and text on my Android TabbedPage tabs in my Xamarin application, and I want them to be FontAwesome glyphs rather than png files.

My TabbedPage is defined in code, and I originally set the IconImageSource for the child pages in their constructors. In iOS, that's all I seem to need to do for png files to show up, but in Android that didn't work (though I think it should have, no idea why it didn't) so I seem to need a custom renderer even for the pngs. This renderer works for pngs if I add an "IconName" field to each of my ContentPage classes and set its value to the name of the png file (without the .png extension):