Jinan Kordab jinan-kordab
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="bootstrap.min.css"> | |
| <script src="bootstrap.min.js"></script> |
jinan-kordab
/ PhaseOnePhi.html
Created
November 5, 2018 01:49
Fibonacci Sequence Responsive Web Template - Phase One
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Language" content="en-ca"> | |
| <script src="jquery-3.3.1.min.js"></script> | |
| <meta charset="utf-8" /> | |
| <title></title> | |
| <script type="text/javascript"> | |
| $(document).ready(function () { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style type=text/css> | |
| table | |
| { | |
| table-layout:fixed; | |
| border:1px solid grey; | |
| cell-padding:0px; | |
| cell-spacing:0px; | |
| border-collapse:collapse | |
| } | |
| td{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function () { | |
| var GRWidth = computeGoldenRatio($(window).width()); | |
| var GRHeight = computeGoldenRatio($(window).height()); | |
| $("#tblMain").height($(window).height() + "px"); | |
| $("#tblMain").width($(window).width() + "px"); | |
| $("#col3").width(GRWidth.left + "px"); | |
| $("#col5").width(GRWidth.right + "px"); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table width="100%" id="tblMain" bgcolor="#FFFFFF"> | |
| <tr> | |
| <td id="col3"> | |
| <table border="1" width="100%"> | |
| <tr> | |
| <td colspan="2" id="col33" > | |
| <p align="center"><font style="font-size:27px"><b>(3)</b></font></td> | |
| </tr> | |
| <tr> | |
| <td id="col32"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function computeGoldenRatio(widthOrHeight) { | |
| if (!widthOrHeight) { | |
| return {}; | |
| } | |
| return { | |
| width: widthOrHeight, | |
| right: Math.round(widthOrHeight/ 1.61803), | |
| total: Math.round(widthOrHeight* 1.61803), | |
| left: widthOrHeight- Math.round(widthOrHeight/ 1.61803) |
jinan-kordab
/ PdfFromHtml.cs
Created
November 3, 2018 10:08
Create, customize, and print PDF documents using C#, PdfSharp, and HtmlRenderer
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| using System; | |
| using System.IO; | |
| using System.Linq; | |
| using System.Text; | |
| using System.Web; | |
| using System.Web.Mvc; | |
| using PdfSharp.Drawing; | |
| using TheArtOfDev.HtmlRenderer.PdfSharp; | |
| namespace temp01.Controllers |
jinan-kordab
/ ControlPanel.js
Created
October 16, 2018 02:33
Code for Dynamic Menu Control Panel - Javascript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| var globalLinkGridNoMargin = 0; | |
| var gridnomarginlinnkcounter = 0; | |
| var inlinelinklistcounter = 0; | |
| var globalInlineLinkList = 0; | |
| function AddGridNoMargin(t) { | |
| globalLinkGridNoMargin = globalLinkGridNoMargin + 1; | |
| var li = "<li class=\"active-container\"><a href=\"#\" class=\"dropdown-toggle active-toggle\"><input type=\"text\" id=\"grid-no-margin-first-row-text" + globalLinkGridNoMargin + "\" name=\"grid-no-margin-first-row-text" + globalLinkGridNoMargin + "\" style=\"border:0px;background-color:bisque;\"></a><div class=\"m-menu-container\" data-role=\"dropdown\" data-no-close=\"true\" style=\"display: block;\"><div class=\"grid no-margin\"><div class=\"row cells4\"><div class=\"cell\"><ul class=\"unstyled-list\" id=\"GridNoMarginList" + globalLinkGridNoMargin + "\" name=\"GridNoMarginList" + globalLinkGridNoMargin + "\"><li><h3 class=\"text-shadow\"><input type=\"text\" id=\"grid-no-margin-second-row-header-ti |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="grid flex-grid"> | |
| <div class="row"> | |
| <div class="col-lg-4"> | |
| <label for="btnAddGridNoMargin" class="heading bg-lightBlue fg-white">Grid No Margin<span class="icon-plus"></span></label> | |
| <span style="font-family:Arial;font-size:24px;color:deepskyblue;"><a id="btnAddGridNoMargin" href="#" class="button button-shadow cycle-button" style="text-decoration:none;font-size:20px" onclick="AddGridNoMargin(this);">+</a></span> | |
| <span style="font-family:Arial;font-size:24px;color:deepskyblue;"><a href="#" class="button button-shadow cycle-button" style="text-decoration:none;font-size:20px" onclick="RemoveGridNoMargin(this);">-</a></span> | |
| </div> | |
| <div class="col-lg-4"> | |
| <label for="btnAddInlineList" class="heading bg-lightBlue fg-white">Inline List <span class="icon-plus"></span></label> |