GitHubPages - Jekyll Template generated correctly from README.md failed - github

I've the following problem...
I created a GitHub-Page for my project, because I'm not a webpage developer and don't have any special skills in HTML or CSS, I generated this page by a template you can choose from your repository settings...
Now I have the problem that the Jekyll page generated from template combined with my README.md doesn't show the preview image. In my README.md file I specified the image with this tag:
| ![Preview Image](https://github.com/0x1C1B/JContacts/blob/master/doc/img/preview.png) |
|:--:|
| *Preview image of application* |
But Jekyll displays only the subscription of the image, you can see it here.
Is it possible to solve this bug or is it a template depended problem?
EDIT: This is the generated HTML code:
<table>
<thead>
<tr>
<th style="text-align: center"><img src="https://github.com/0x1C1B/JContacts/blob/master/doc/img/preview.png" alt="Preview Image" /></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center"><em>Preview image of application</em></td>
</tr>
</tbody>
</table>

To use an absolute-url to an image in your GitHub repository, use the link to "raw" image instead.
In other words, use the following URL instead:
https://github.com/0x1C1B/JContacts/raw/master/doc/img/preview.png

Related

Contact form 7 image on email body img tag

I want to create one submission form with file/image upload. Image for company logo/picture etc. Normally I know how to attach images, as an attachment in the mail, but I want image attached on mail body as an image tag so when I open my email I can see all filed with image then print it from email.
Example email message below
<table width="500" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th scope="row">Your Name</th>
<td>[your-name]</td>
</tr>
<tr>
<th scope="row">Your Email</th>
<td>[your-email]</td>
</tr>
<tr>
<th scope="row">Subject</th>
<td>[your-subject]</td>
</tr>
<tr>
<th scope="row">Your Message</th>
<td>[your-message]</td>
</tr>
<tr>
<th scope="row">Picture</th>
<td><img src="[file-305]"></td>
</tr>
</tbody>
</table>
Is there any way to send image on image tag in mail body or it can be sent full from as a pdf file ?
if there have any free or paid plugins that also ok.
I would suggest you modify the email composing routine a bit and include the image as base64 as an inline image.
First conver the image to base64 using How to convert an image to base64 encoding?
$path = 'path/to/uploaded-file/myimage.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
Then include it in your email using embedding image in html email
<img src="<?= $base64 ?>" />
And most email clients should readily accept it. Otherwise you can always refer to the content id in the email of the attached file
<img src="cid:part1xxxxxxxxxx" alt="">
Yes. You can send an image through user input
I found the following resources
Check this out :
enter link description here
Download CF7 – HTML Email Template Extension
this is the format for File Upload
[file your-file filetypes:pdf|txt limit:2mb]
File Uploading and Attachment
You can try this for printing image in email body:
<img src="[url-file-305]"/>
Use this plugin to send form data with a PDF file:
Send PDF for Contact Form 7
the best and easiest way to do is just install the plugin "
Contact Form Entries". further create a contact form having file upload field and test the same.
when you upload an image and send the contact form. the uploaded image will be saved in your wordpress directory.
In my case it was uploaded in the following folder:
https://jssngo.org/wp-content/uploads/crm_perks_uploads/62da94f8afa179639552259563503/2022/07/photo.png
now use the following code in your email body:
image Tag src="https://jssngo.org/wp-content/uploads/crm_perks_uploads/62da94f8afa179639552259563503/2022/07/[file-990]"
replace the "src=" with yours and replace the [file-990] tag with yours created in contact form 7.

Mailchip Edit Template - Coding Link into editable Content

So I am trying to edit a purchased Mailchimp e-mail template. This one is created to be edited in the "design" function, however I am trying to edit the code. I have a basic understanding of code but I am having an issue editing this piece below. It says that the image is "editable" so whenever I try to use it spits out gibberish. What can I do to insert the link? (Also I know I'm using incorrect wording, so I apologize.)
</td>
<td style="line-height: 0px;" align="center">
<img editable="" label="3" data-crop="false" style="display:block; line-height:0px; font-size:0px; border:0px;" src="https://gallery.mailchimp.com/629323fec37da7c4397c47010/images/d91c364d-8050-40b1-a7a3-fbf3f0ca2c72.png" width="12" height="12" alt="img" mc:edit="3">
</td>

GWT Sample Application

I'm new to GWT. I created sample application in eclipse. I removed <h1>Web Application Starter Project</h1> from HTML file in war but when I debug that application its shows that text on web page. I cleaned project and also compiled it but its not working. Will you guys please tell me what I'm doing wrong. Part of HTML page
<!-- <h1>Web Application Starter Project</h1> -->
<table align="center">
<tr>
<td colspan="2" style="font-weight:bold;">Please give your name:</td>
</tr>
<tr>
<td id="nameFieldContainer"></td>
</tr>
<tr>
<td id="sendButtonContainer"></td>
</tr>
<tr>
<td colspan="2" style="color:red;" id="errorLabelContainer"></td>
</tr>
</table>
If you are using Eclipse with Jetty, you should stop your application. Then clean your GWT project, build it and start again your application. Finally refresh your browser. You have to do this every time your edit static resources such as HTML files.

stuck at clickAndWait in selenium ide

A recorded test script includes a google search.
After clicking on "Google Search", the next action was to click on a link in the test results, however during playback this happens before the browser has loaded the results,
it stop after search value
here is the code
<tr>
<td>open</td>
<td>/</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>id=gbqfq</td>
<td>citibank india</td>
</tr>
<tr>
<td>clickAndWait</td>
<td>link=Citibank India: Bank Accounts, Credit Cards, Home / Personal Loans ...</td>
<td></td>
</tr>
</tbody></table>
</body>
</html>
if any can advise thanks
I've found it's better to use a click, and then have a waitForElementPresent for the next command to make sure the next page is loaded.
Klendathu

Outlook Web App incorrectly renders HTML emails that don't reside in the Inbox

Working on an HTML email, we've gotten the email to render properly everywhere: Outlook 2010, Mozilla Thunderbird, Horde/IMP, Gmail, Yahoo, etc. etc. However, when the email is checked via the Outlook Web App (Exchange 2010), the HTML email is incorrectly rendered sometimes.
The two issues we're seeing is that in Internet Explorer and Firefox, the font-size CSS in-line directives aren't respected and in Firefox, a gap is put between the table cells, breaking the image. This only happens when the message is NOT in the Inbox. If we drag the message from a folder into the Inbox, the problems disappear. Drag it back into a folder and they reappear. If we open the message in a new window (instead of in the preview pane), the message renders properly.
I'm guessing the CSS of the Outlook Web App is interfering, but I'm hoping someone has had a similar issue and might be able to shed some light on how we can fix this problem.
Here is the relevant message source as seen in the client:
<html>
<head>
<style>a{color:#BF0005}</style>
</head>
<body bgcolor="#F5F5F5" style="margin:0;text-align:center">
<table cellpadding="0" cellspacing="0" style="width:604px;margin:0 auto;font-family:Tahoma,sans-serif;font-size:10pt;line-height:16pt">
<tr>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:2e39cc62f2ab417d1b9461b437c72ffc" width="10px" height="410px" /></td>
<td style="padding-top:10px;margin-bottom:0;vertical-align:bottom;width:584px;height:84px"><img style="vertical-align:bottom" src="cid:5ed2b7dfeca322e0d1e0b40bd3a0a48d" width="584px" height="84px" alt="Image Alternate Text Here" /></td>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:6f108f42f85401cababf9d5dc64fb8f9" width="10px" height="410px" /></td>
</tr>
<tr>
<td style="vertical-align:top;text-align:left;background-color:#FFF;padding:0 50px 40px">
<h1 style="text-align:center;margin-top:15px;font-size:12pt">Header</h1>
<p>This is a test email.</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding:30px 50px;font-size:8pt;text-align:center;color:#888888;line-height:10pt">Footer text</td>
</tr>
</table>
</body>
</html>
EDIT: I've done some digging into the source via Firebug, and I think I've narrowed it down to being a problem with the Outlook Web App. In the Inbox view, the body of the messages are encapsulated in an <iframe> and the contents of the HTML message are unchanged. However, viewing the source of messages in other folders, no <iframe> is used and the <body> tag of the message is converted into a <div> by OWA. The message is then incorporating styles from the OWA style sheet that seem to be overwriting the inline style of the HTML email.
I think we're going to open up a ticket with Microsoft.
Unfortunately, this problem is a Microsoft issue. We've opened a ticket with them a while ago, but have not heard back. Therefore, we'll just have to make do.