Can someone tell me steps to put google shared slides like this on Jekyll my Blog?
Do I have to convert every slide in markdown format or convert in pdf and then in markdown?
No clues. please help
To embed a Google Slides presentation in a Jekyll post or page, open the presentation and select “Publish to Web” from the “File” menu.
Choose the options you require, then select the “Embed” tab. You’ll be provided with an embed code. Paste this into your Jekyll post or page - i.e. straight into the markdown file. Generate your site as usual, and the iframe with your presentation will be embedded in the rendered HTML.
This works because when Jekyll parses markdown it also reads any HTML that it finds.
It won’t be responsive out of the box, so you’ll need a bit of CSS. I’ve shown this inline, but you could add the CSS to your stylesheet:
<style>
.responsive-wrap iframe{ max-width: 100%;}
</style>
<div class="responsive-wrap">
<!-- this is the embed code provided by Google -->
<iframe src="https://docs.google.com/presentation/d/1F0DQTNPg3YG_By6LMGcgwT3icJ3eMhCiupAZm76CIfE/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<!-- Google embed ends -->
</div>
You can see an example on a Jekyll site here.
Related
I am using CK Editor 5 and a Simple upload adapter which works fine. All text and images from the editor is stored into a database when submitted. Also working just fine.
But when I reload and present the data/html it's not behaiving as expect. I need for the images to be responsive if I alter the width of the browser, but the images are quite static.
CK Editor has produced the following HTML (snippet is only the image part)
<figure class="image">
<img src="/img/article/160742759333072416.jpg">
</figure>
What do I need to do to make CK Editor produce HTML which supports responsive images?
Note: I am not able to use CK Editors 'Easy Image' Cloud option. I need to use an my owb om prem solution.
Looking forward to suggestions or pointers...
Blasted. After reading documentation for at last 3 more hours I noticed a CSS mistake I did myself while examining my code.
Bad!
Sorry to disturb you all and happy holiday season to all.
Is there a way to open other dashboards/Reports ( saved in same server) from a report in web player.
I tried some python scripts which is used to access webpages but none of them is working in webplayer. My client want this to happen using buttons. So i prefer python scripts than HTML.
Much appreciated
Download an image of the button you want to use, like this one.
Add this image to a text area. Edit Text Area > Insert Image > (Select the downloaded image). Now you will see your "Button" image.
Edit the HTML and use href to the web page you care about. Notice the src= will already have your image name.
<a href="http://finance.yahoo.com/quotes/TIBX,Spotfire,S,Products?ltr=1&bypass=true">
<img src="ff08c65b55ab4b36acd5dacc78f03eea.png" border="0">
</a>
I'm writing a post for my Github-hosted site. I'm writing to my-first-post.md.
I have Javascript in script tags, CSS in style tags, and HTML in divs and spans.
When I paste the code in the .md and run jekyll serve thru Ruby, all I get is a page with the raw HTML.
What am I doing wrong?
"HTML is a publishing format; Markdown is a writing format." --daringfireball
Markdown is supposed to be simple.
You shouldn't be putting javascript into markdown unless you have a good reason to be doing so and even then I don't think every markdown converter will process javascript.
Ideally, your markdown should be confined to this list and maybe some simple HTML.
Any CSS or javascript should be included as part of your theme.
Edit, explaining jekyll filestructure:
So your Jekyll site should have a file structure that looks something like this. In very broad terms, your CSS and javascript should be in the default.html file located in the _layouts folder. You'll probably notice that the file appears to be a regular HTML file, more or less. The blog post--which is the markdown after it has been converted to HTML--will insert itself into the layout at the {{ content }} tag.
Also, the CSS and javascript doesn't have to be in default.html. It can also be in external files that you link to from default.html
Use MDX. It can do a lot. But if you want to use something more appropriate for the task at hand, I'd suggest looking into Astro . You can find more on these websites. For astro you can install the CLI and write markdown in less than 2 minutes. And also, it's very fast and integrates with a lot of frameworks.
I searched through many sites, but I failed to get an answer.
Question :
I want to change icon as per given in below image in my browser.
Currently chrome and Mozilla does not support this feature if you want check you can check it in either ie or safari, it will show where you want.
you should add this tag to head
<link rel="shortcut icon" href="<YOUR ICON PATH>">
this is a tool to help you to create icon using converter
http://www.favicongenerator.com/
Those are called "favicons", and you can set one for your website using a special tag in the HEAD of your HTML. You can find many tutorials on this by Googling (now that you know what they're called).
Wikipedia suggests a tag something like this:
<link rel="shortcut icon" href="http://example.com/myicon.ico" />
As an alternative, your website can provide an image named favicon.ico in the root folder.
That icon names "favicon". To create Something like that go to THIS LINK, Upload an image and get the favicon.ico file, then put it next to your template page on your host.
To get more information go HERE.
I am developing an application which runs within Microsoft Dynamics CRM (MSCRM). Essentially in this environment web resources including HTML, JavaScript, CSS and image files are stored within the system the can be referenced on pages. I've got SlickGrid running but have an issue where the pager buttons each occupy a whole line. The key part of the HTML is:
<div id="SPLocation" style="width:100%; height:80%">Grid</div>
<DIV id="SPPager" style="width:100%;height:20px;">Pager</DIV
but it looks like this:
!http://www.clew-consulting.com/Temp/SGIssue.png
(hope this image works). Note each icon occupies a whole row. I've checked all the styles and images and they seem fine. The icons are functional.
The cause is probably that display:inline-block is not being picked up but it is there in the style sheets. It could be something special to do with the environment within MSCRM but the other markups all look fine.
Unfortunately I cannot run IE developer and show this part of the screen where I could inspect the CSS.
Anyone any ideas? I know I have not posted all information.
Paul
The pager styles are defined in slick.pager.css file.
Place this file in your css folder and add the following line to your html file
(do not forget to replace [path to your file] with your real path):
<link href="[path to your file]/slick.pager.css" rel="stylesheet">