From b19951dd937a20eaf0221f3fa5a7b973bf33a0f4 Mon Sep 17 00:00:00 2001 From: Sujay Kundu Date: Thu, 12 Jul 2018 23:23:32 +0530 Subject: [PATCH] added styleguide --- _includes/head.html | 2 +- _layouts/page.html | 4 +- _layouts/post.html | 4 +- _sass/devlog.scss | 19 ++++ assets/img/favicon-16x16.png | Bin 1493 -> 0 bytes assets/img/favicon.ico | Bin 15086 -> 1150 bytes assets/img/styleguide.png | Bin 0 -> 200629 bytes assets/img/zoom.jpg | Bin 0 -> 233830 bytes contact.md | 8 -- devlopr.gemspec | 4 +- index.md | 1 + styleguide.md | 200 +++++++++++++++++++++++++++++++++++ 12 files changed, 227 insertions(+), 15 deletions(-) delete mode 100644 assets/img/favicon-16x16.png create mode 100644 assets/img/styleguide.png create mode 100644 assets/img/zoom.jpg delete mode 100644 contact.md create mode 100644 styleguide.md diff --git a/_includes/head.html b/_includes/head.html index 7dba969be..285b64a76 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -13,7 +13,7 @@ - + + +
+ +

Syntax Highlighting

+ +
'use strict';
+var markdown = require('markdown').markdown;
+function Editor(input, preview) {
+  this.update = function() {
+    preview.innerHTML = markdown.toHTML(input.value);
+  };
+  input.editor = this;
+  this.update();
+}
+ +

You can add inline code just like this, E.g. .code { color: #fff; }

+ +
pre {
+  background-color: #f4f4f4;
+  max-width: 100%;
+  overflow: auto;
+}
+ +
+ +

GitHub gist Embed

+ + + +
+ +

Input Style

+ +

+ +
+ +

Twitter Embed

+ +

I just published “Deploying a blog using Jekyll and Github Pages with SSL certificate for Free” https://t.co/B3T3IQVU93

— Sujay Kundu (@SujayKundu777) June 29, 2018
+ + +
+ +

Instagram Embed

+ +

A post shared by Ahmad Ajmi (@ahmadajme) on

\ No newline at end of file