├── .gitignore ├── AdjustContent ├── index.html └── style.css ├── DialogBox ├── ReadMe.txt ├── confirmBox.html ├── dlgboxWithImage.html ├── dlgboxWithImage2.html ├── dlgboxWithVideo.html ├── finalscore.html ├── gameover.html ├── img-64x64.jpg ├── index.html └── mathQuestionDialogBox.html ├── LICENSE.md ├── MenuBar ├── index.html └── style.css ├── README.md ├── analog-clock ├── index.html ├── script.js └── style.css ├── analog-clock2 ├── analog-clock2.png ├── index.html ├── script.js └── style.css ├── blog-bootstrap-dyclockjs ├── css │ ├── blog.css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ ├── bootstrap-theme.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── default.css │ └── default.css.map ├── index.html ├── js │ ├── bootstrap.js │ ├── bootstrap.min.js │ ├── default.js │ ├── jquery.min.js │ └── npm.js └── plugins │ └── dyClockJS │ ├── LICENSE │ ├── README.md │ ├── css │ ├── dyclock.css │ └── dyclock.min.css │ ├── font │ ├── FasterOne-Regular.ttf │ ├── Frijole-Regular.ttf │ ├── LondrinaOutline-Regular.ttf │ ├── Monofett.ttf │ ├── Orbitron-Regular.ttf │ └── VastShadow-Regular.ttf │ ├── image │ ├── c01.png │ ├── c02.png │ └── c03.png │ ├── index.html │ └── js │ ├── default.js │ ├── dyclock.js │ ├── dyclock.min.js │ └── jquery.min.js ├── blog-bootstrap-dyscrollupjs ├── css │ ├── blog.css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ ├── bootstrap-theme.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── default.css │ └── default.css.map ├── index.html ├── js │ ├── bootstrap.js │ ├── bootstrap.min.js │ ├── default.js │ ├── jquery.min.js │ └── npm.js └── plugins │ └── dyScrollUpJS │ ├── LICENSE │ ├── README.md │ ├── css │ ├── default.css │ ├── dyscrollup.css │ └── dyscrollup.min.css │ ├── image │ ├── 32.png │ ├── 36.png │ ├── 48-black.png │ ├── 48-red.png │ └── 48-transparent.png │ ├── index-configured.html │ ├── index.html │ └── js │ ├── dyscrollup.js │ ├── dyscrollup.min.js │ └── jquery.min.js ├── calendar _1 ├── index2.html ├── script2.js └── style2.css ├── calendar ├── index.html ├── script.js └── style.css ├── calendar2 ├── index.html ├── script.js └── style.css ├── clock ├── index.html ├── script.js └── style.css ├── colorSlider ├── index.html ├── script.js └── style.css ├── guess-the-next-number ├── index.html ├── script.js └── style.css └── navigationTab ├── README.txt ├── tab.html ├── tab.png ├── tab2.html ├── tab2.png ├── tab3.html └── tab3.png /.gitignore: -------------------------------------------------------------------------------- 1 | ################# 2 | ## Eclipse 3 | ################# 4 | 5 | *.pydevproject 6 | .project 7 | .metadata 8 | bin/ 9 | tmp/ 10 | *.tmp 11 | *.bak 12 | *.swp 13 | *~.nib 14 | local.properties 15 | .classpath 16 | .settings/ 17 | .loadpath 18 | 19 | # External tool builders 20 | .externalToolBuilders/ 21 | 22 | # Locally stored "Eclipse launch configurations" 23 | *.launch 24 | 25 | # CDT-specific 26 | .cproject 27 | 28 | # PDT-specific 29 | .buildpath 30 | 31 | 32 | ################# 33 | ## Visual Studio 34 | ################# 35 | 36 | ## Ignore Visual Studio temporary files, build results, and 37 | ## files generated by popular Visual Studio add-ons. 38 | 39 | # User-specific files 40 | *.suo 41 | *.user 42 | *.sln.docstates 43 | 44 | # Build results 45 | 46 | [Dd]ebug/ 47 | [Rr]elease/ 48 | x64/ 49 | build/ 50 | [Bb]in/ 51 | [Oo]bj/ 52 | 53 | # MSTest test Results 54 | [Tt]est[Rr]esult*/ 55 | [Bb]uild[Ll]og.* 56 | 57 | *_i.c 58 | *_p.c 59 | *.ilk 60 | *.meta 61 | *.obj 62 | *.pch 63 | *.pdb 64 | *.pgc 65 | *.pgd 66 | *.rsp 67 | *.sbr 68 | *.tlb 69 | *.tli 70 | *.tlh 71 | *.tmp 72 | *.tmp_proj 73 | *.log 74 | *.vspscc 75 | *.vssscc 76 | .builds 77 | *.pidb 78 | *.log 79 | *.scc 80 | 81 | # Visual C++ cache files 82 | ipch/ 83 | *.aps 84 | *.ncb 85 | *.opensdf 86 | *.sdf 87 | *.cachefile 88 | 89 | # Visual Studio profiler 90 | *.psess 91 | *.vsp 92 | *.vspx 93 | 94 | # Guidance Automation Toolkit 95 | *.gpState 96 | 97 | # ReSharper is a .NET coding add-in 98 | _ReSharper*/ 99 | *.[Rr]e[Ss]harper 100 | 101 | # TeamCity is a build add-in 102 | _TeamCity* 103 | 104 | # DotCover is a Code Coverage Tool 105 | *.dotCover 106 | 107 | # NCrunch 108 | *.ncrunch* 109 | .*crunch*.local.xml 110 | 111 | # Installshield output folder 112 | [Ee]xpress/ 113 | 114 | # DocProject is a documentation generator add-in 115 | DocProject/buildhelp/ 116 | DocProject/Help/*.HxT 117 | DocProject/Help/*.HxC 118 | DocProject/Help/*.hhc 119 | DocProject/Help/*.hhk 120 | DocProject/Help/*.hhp 121 | DocProject/Help/Html2 122 | DocProject/Help/html 123 | 124 | # Click-Once directory 125 | publish/ 126 | 127 | # Publish Web Output 128 | *.Publish.xml 129 | *.pubxml 130 | 131 | # NuGet Packages Directory 132 | ## TODO: If you have NuGet Package Restore enabled, uncomment the next line 133 | #packages/ 134 | 135 | # Windows Azure Build Output 136 | csx 137 | *.build.csdef 138 | 139 | # Windows Store app package directory 140 | AppPackages/ 141 | 142 | # Others 143 | sql/ 144 | *.Cache 145 | ClientBin/ 146 | [Ss]tyle[Cc]op.* 147 | ~$* 148 | *~ 149 | *.dbmdl 150 | *.[Pp]ublish.xml 151 | *.pfx 152 | *.publishsettings 153 | 154 | # RIA/Silverlight projects 155 | Generated_Code/ 156 | 157 | # Backup & report files from converting an old project file to a newer 158 | # Visual Studio version. Backup files are not needed, because we have git ;-) 159 | _UpgradeReport_Files/ 160 | Backup*/ 161 | UpgradeLog*.XML 162 | UpgradeLog*.htm 163 | 164 | # SQL Server files 165 | App_Data/*.mdf 166 | App_Data/*.ldf 167 | 168 | ############# 169 | ## Windows detritus 170 | ############# 171 | 172 | # Windows image file caches 173 | Thumbs.db 174 | ehthumbs.db 175 | 176 | # Folder config file 177 | Desktop.ini 178 | 179 | # Recycle Bin used on file shares 180 | $RECYCLE.BIN/ 181 | 182 | # Mac crap 183 | .DS_Store 184 | 185 | 186 | ############# 187 | ## Python 188 | ############# 189 | 190 | *.py[co] 191 | 192 | # Packages 193 | *.egg 194 | *.egg-info 195 | dist/ 196 | build/ 197 | eggs/ 198 | parts/ 199 | var/ 200 | sdist/ 201 | develop-eggs/ 202 | .installed.cfg 203 | 204 | # Installer logs 205 | pip-log.txt 206 | 207 | # Unit test / coverage reports 208 | .coverage 209 | .tox 210 | 211 | #Translations 212 | *.mo 213 | 214 | #Mr Developer 215 | .mr.developer.cfg 216 | -------------------------------------------------------------------------------- /AdjustContent/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Adjust Content as per browser size 5 | 6 | 7 | 8 |
9 |

This is a test page

10 |

The content will adjust as per your browser size.

11 | 12 |
13 | 14 | 15 | 16 |
17 |
18 | 19 | -------------------------------------------------------------------------------- /AdjustContent/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | html, body{ 7 | width: 100%; 8 | height: 100%; 9 | } 10 | 11 | body{ 12 | background-color: #e3a6a6; 13 | color: #000; 14 | font-family: monospace,serif; 15 | font-size: 18px; 16 | 17 | } 18 | 19 | #content{ 20 | background-color: #f7f7ff; 21 | height: 600px; 22 | width: 640px; 23 | top: 50%; 24 | left: 50%; 25 | position: relative; 26 | margin: -300px 0 0 -320px; 27 | } -------------------------------------------------------------------------------- /DialogBox/ReadMe.txt: -------------------------------------------------------------------------------- 1 | Custom dialog box using HTML5 CSS and JavaScript 2 | 3 | Project video 4 | http://youtu.be/5db30o8DQiI 5 | 6 | Have fun coding! 7 | 8 | stay happy and keep smiling :-) 9 | 10 | yusufshakeel 11 | 12 | https://www.facebook.com/yusufshakeel 13 | https://www.youtube.com/yusufshakeel 14 | https://plus.google.com/+YusufShakeel 15 | http://yusufshakeelblog.blogspot.in 16 | https://github.com/yusufshakeel -------------------------------------------------------------------------------- /DialogBox/confirmBox.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | 14 | Confirm Dialog Box 15 | 68 | 69 | 70 | 71 |
72 |
73 |
74 |
Please Confirm
75 |
Do you want to continue?
76 | 80 |
81 | 82 | 83 |

Dialog Box Demo

84 |

This is a dialog box example.

85 |

Feel free to experiment with the code.

86 |

Click the button below to see the dialog box.

87 | 88 | 89 | 90 | 120 | 121 | -------------------------------------------------------------------------------- /DialogBox/dlgboxWithImage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Dialog Box 5 | 80 | 81 | 82 | 83 |
84 |
85 |
86 |
87 | Yusuf Shakeel | stay happy and keep smiling :-) 88 |
89 |
90 |
91 | 92 |
93 | 100 |
101 |

Create a custom dialog box like facebook!

102 |
103 |
104 | 107 |
108 | 109 | 110 |

Dialog Box Demo

111 |

This is a dialog box example.

112 |

Feel free to experiment with the code.

113 |

Click the button below to see the dialog box.

114 | 115 | 116 | 117 | 138 | 139 | -------------------------------------------------------------------------------- /DialogBox/dlgboxWithImage2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Dialog Box 5 | 64 | 65 | 66 | 67 |
68 |
69 |
70 |
71 | Yusuf Shakeel | stay happy and keep smiling :-) 72 |
73 |
74 |

Links

75 | facebook.com/yusufshakeel
76 | youtube.com/yusufshakeel
77 | plus.google.com/+YusufShakeel
78 | github.com/yusufshakeel
79 |

Create a custom dialog box like facebook!

80 |
81 | 84 |
85 | 86 | 87 |

Dialog Box Demo

88 |

This is a dialog box example.

89 |

Feel free to experiment with the code.

90 |

Click the button below to see the dialog box.

91 | 92 | 93 | 94 | 115 | 116 | -------------------------------------------------------------------------------- /DialogBox/dlgboxWithVideo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Dialog Box 5 | 79 | 80 | 81 | 82 |
83 |
84 |
85 |
86 | Yusuf Shakeel | stay happy and keep smiling :-) 87 |
88 |
89 | 96 | 99 |
100 |

Create a custom dialog box like facebook!

101 |
102 |
103 | 106 |
107 | 108 | 109 |

Dialog Box Demo

110 |

This is a dialog box example.

111 |

Feel free to experiment with the code.

112 |

Click the button below to see the dialog box.

113 | 114 | 115 | 116 | 137 | 138 | -------------------------------------------------------------------------------- /DialogBox/finalscore.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | 14 | Dialog Box 15 | 68 | 69 | 70 | 71 |
72 |
73 |
74 |
Final Score
75 |
76 |

You won!

77 |

Points: 123

78 |

Out of: 200

79 |
80 | 84 |
85 | 86 | 87 |

Dialog Box Demo

88 |

This is a dialog box example.

89 |

Feel free to experiment with the code.

90 |

Click the button below to see the dialog box.

91 | 92 | 93 | 94 | 123 | 124 | -------------------------------------------------------------------------------- /DialogBox/gameover.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | 14 | Dialog Box 15 | 68 | 69 | 70 | 71 |
72 |
73 |
74 |
GAME OVER
75 |
Better luck next time.
76 | 80 |
81 | 82 | 83 |

Dialog Box Demo

84 |

This is a dialog box example.

85 |

Feel free to experiment with the code.

86 |

Click the button below to see the dialog box.

87 | 88 | 89 | 90 | 119 | 120 | -------------------------------------------------------------------------------- /DialogBox/img-64x64.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/DialogBox/img-64x64.jpg -------------------------------------------------------------------------------- /DialogBox/index.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | 14 | Dialog Box 15 | 68 | 69 | 70 | 71 |
72 |
73 |
74 |
You are logged out.
75 |
Kindly log in to continue.
76 | 79 |
80 | 81 | 82 |

Dialog Box Demo

83 |

This is a dialog box example.

84 |

Feel free to experiment with the code.

85 |

Click the button below to see the dialog box.

86 | 87 | 88 | 89 | 110 | 111 | -------------------------------------------------------------------------------- /DialogBox/mathQuestionDialogBox.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | 13 | 14 | Math Question Dialog Box 15 | 69 | 70 | 71 | 72 |
73 |
74 |
75 |
Math question
76 |
77 | 81 |
82 | 83 | 84 |

Dialog Box Demo

85 |

This is a dialog box example.

86 |

On clicking the button below you will be asked a question.

87 |

Feel free to experiment with the code.

88 |

Click the button below to see the dialog box.

89 | 90 | 91 | 92 | 142 | 143 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Yusuf Shakeel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /MenuBar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | MenuBar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 25 | 26 | -------------------------------------------------------------------------------- /MenuBar/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | font-family: arial; 5 | font-size: 16px; 6 | } 7 | 8 | /*for all ul in #menubar*/ 9 | #menubar, 10 | #menubar ul{ 11 | list-style: none; 12 | } 13 | 14 | /*float all
  • in #menubar to left*/ 15 | #menubar>li{ 16 | float: left; 17 | } 18 | 19 | /*for all */ 20 | #menubar li a{ 21 | display: block; 22 | height: 20px; 23 | width: 110px; 24 | padding: 10px; 25 | text-decoration: none; 26 | } 27 | 28 | /*only for those that are in #menubar*/ 29 | #menubar>li>a{ 30 | background-color: #6494ed; 31 | color: #fff; 32 | } 33 | 34 | /*submenu - #linklist 35 | to be displayed on top of all 36 | initially hidden 37 | */ 38 | #linklist{ 39 | position: absolute; 40 | background-color: #efefef; 41 | z-index: 9999; 42 | display: none; 43 | } 44 | 45 | /*only for those that are in #linklist*/ 46 | #linklist>li>a{ 47 | color: #121; 48 | width: auto; 49 | } 50 | 51 | /*for all */ 52 | #menubar li a:hover{ 53 | background-color: #5884d6; 54 | color: #fff; 55 | } 56 | 57 | /*for #linklist submenu*/ 58 | #menubar li:hover #linklist{ 59 | display: block; 60 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Web-App 2 | ------- 3 | 4 | Web Applications - HTML5 CSS JavaScript 5 | 6 | By: Yusuf Shakeel 7 | 8 | Date: 21 October 2012 Sunday 9 | 10 | URL 11 | 12 | [facebook.com/yusufshakeel] (https://www.facebook.com/yusufshakeel) 13 | 14 | [youtube.com/yusufshakeel] (https://www.youtube.com/yusufshakeel) 15 | 16 | [plus.google.com/+YusufShakeel] (https://plus.google.com/+YusufShakeel) 17 | 18 | [github.com/yusufshakeel] (https://www.github.com/yusufshakeel) 19 | 20 | 21 | ### To watch the videos of this project [click here] (https://www.youtube.com/playlist?list=PLG6ePePp5vvbWFx6RsfQnlFp1FkVRZNno). 22 | 23 | 24 | # License 25 | 26 | The MIT License (MIT) 27 | 28 | Copyright (c) 2014 Yusuf Shakeel 29 | 30 | Permission is hereby granted, free of charge, to any person obtaining a copy of 31 | this software and associated documentation files (the "Software"), to deal in 32 | the Software without restriction, including without limitation the rights to 33 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 34 | the Software, and to permit persons to whom the Software is furnished to do so, 35 | subject to the following conditions: 36 | 37 | The above copyright notice and this permission notice shall be included in all 38 | copies or substantial portions of the Software. 39 | 40 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 41 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 42 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 43 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 44 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 45 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 46 | -------------------------------------------------------------------------------- /analog-clock/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Analog Clock 5 | 6 | 7 | 8 | 9 |
    10 | 11 | 12 | 13 | 14 | 15 | 16 | 12 17 | 3 18 | 6 19 | 9 20 | 21 |
    22 | 00 23 | : 24 | 00 25 | : 26 | 00 27 | -- 28 |
    29 |
    30 | 31 | -------------------------------------------------------------------------------- /analog-clock/script.js: -------------------------------------------------------------------------------- 1 | function clock(){ 2 | //calculate angle 3 | var d, h, m, s; 4 | d = new Date; 5 | 6 | h = 30 * ((d.getHours() % 12) + d.getMinutes() / 60); 7 | m = 6 * d.getMinutes(); 8 | s = 6 * d.getSeconds(); 9 | 10 | //move hands 11 | setAttr('h-hand', h); 12 | setAttr('m-hand', m); 13 | setAttr('s-hand', s); 14 | setAttr('s-tail', s+180); 15 | 16 | //display time 17 | h = d.getHours(); 18 | m = d.getMinutes(); 19 | s = d.getSeconds(); 20 | 21 | if(h >= 12){ 22 | setText('suffix', 'PM'); 23 | }else{ 24 | setText('suffix', 'AM'); 25 | } 26 | 27 | if(h != 12){ 28 | h %= 12; 29 | } 30 | 31 | setText('sec', s); 32 | setText('min', m); 33 | setText('hr', h); 34 | 35 | //call every second 36 | setTimeout(clock, 1000); 37 | 38 | }; 39 | 40 | function setAttr(id,val){ 41 | var v = 'rotate(' + val + ', 70, 70)'; 42 | document.getElementById(id).setAttribute('transform', v); 43 | }; 44 | 45 | function setText(id,val){ 46 | if(val < 10){ 47 | val = '0' + val; 48 | } 49 | document.getElementById(id).innerHTML = val; 50 | }; 51 | 52 | window.onload=clock; -------------------------------------------------------------------------------- /analog-clock/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | font-family:sans-serif; 5 | font-size:14px; 6 | } 7 | 8 | .analog-clock{ 9 | width:140px; 10 | height:140px; 11 | } 12 | 13 | #clock-face{ 14 | stroke:black; 15 | stroke-width:2px; 16 | fill:white; 17 | } 18 | 19 | #h-hand, #m-hand, #s-hand, #s-tail{ 20 | stroke:black; 21 | stroke-linecap:round; 22 | } 23 | 24 | #h-hand{ 25 | stroke-width:3px; 26 | } 27 | 28 | #m-hand{ 29 | stroke-width:2px; 30 | } 31 | 32 | #s-hand{ 33 | stroke-width:1px; 34 | } 35 | 36 | .time-text{ 37 | text-align:center; 38 | } -------------------------------------------------------------------------------- /analog-clock2/analog-clock2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/analog-clock2/analog-clock2.png -------------------------------------------------------------------------------- /analog-clock2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Analog Clock 5 | 6 | 7 | 8 | 9 |
    10 |

    Loading...

    11 | 47 |
    48 | 49 | -------------------------------------------------------------------------------- /analog-clock2/script.js: -------------------------------------------------------------------------------- 1 | function init(){ 2 | document.getElementById('loading').style.visibility="hidden"; 3 | document.getElementById('main-container').style.visibility="visible"; 4 | clock(); 5 | }; 6 | 7 | function clock(){ 8 | var day=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; 9 | var month=['January','February','March','April','May','June','July','August','September','October','November','December']; 10 | //calculate angle 11 | var d, h, m, s; 12 | d = new Date; 13 | 14 | h = 30 * ((d.getHours() % 12) + d.getMinutes() / 60); 15 | m = 6 * d.getMinutes(); 16 | s = 6 * d.getSeconds(); 17 | 18 | //move hands 19 | setAttr('h-hand', h); 20 | setAttr('m-hand', m); 21 | setAttr('s-hand', s); 22 | setAttr('s-tail', s+180); 23 | 24 | //display time 25 | h = d.getHours(); 26 | m = d.getMinutes(); 27 | s = d.getSeconds(); 28 | 29 | if(h >= 12){ 30 | setText('suffix', 'PM'); 31 | }else{ 32 | setText('suffix', 'AM'); 33 | } 34 | 35 | if(h != 12){ 36 | h %= 12; 37 | } 38 | 39 | setText('sec', s); 40 | setText('min', m); 41 | setText('hr', h); 42 | 43 | setText('day',day[d.getDay()]); 44 | setText('date',d.getDate()); 45 | setText('month-year',month[d.getMonth()]+' '+(1900+d.getYear())); 46 | 47 | //call every second 48 | setTimeout(clock, 1000); 49 | 50 | }; 51 | 52 | function setAttr(id,val){ 53 | var v = 'rotate(' + val + ', 70, 70)'; 54 | document.getElementById(id).setAttribute('transform', v); 55 | }; 56 | 57 | function setText(id,val){ 58 | if(val < 10){ 59 | val = '0' + val; 60 | } 61 | document.getElementById(id).innerHTML = val; 62 | }; 63 | 64 | window.onload=init; -------------------------------------------------------------------------------- /analog-clock2/style.css: -------------------------------------------------------------------------------- 1 | #loading{ 2 | margin:0; 3 | padding:0; 4 | } 5 | 6 | #main-container{ 7 | margin:0; 8 | padding:0; 9 | font-family:sans-serif; 10 | font-size:14px; 11 | } 12 | 13 | .analog-clock{ 14 | width:140px; 15 | display:inline-block; 16 | clear:both; 17 | } 18 | 19 | .cal{ 20 | padding:3px; 21 | color:white; 22 | background-color:#6666ff; 23 | text-align:center; 24 | width:120px; 25 | display:inline-block; 26 | clear:both; 27 | } 28 | 29 | #day{ 30 | margin:0; 31 | font-size:16px; 32 | } 33 | 34 | #date{ 35 | margin:0; 36 | font-size:100px; 37 | } 38 | 39 | #month-year{ 40 | margin:0; 41 | font-size:16px; 42 | } 43 | 44 | #clock-face{ 45 | stroke:black; 46 | stroke-width:2px; 47 | fill:white; 48 | } 49 | 50 | #h-hand, #m-hand, #s-hand, #s-tail{ 51 | stroke:black; 52 | stroke-linecap:round; 53 | } 54 | 55 | #h-hand{ 56 | stroke-width:3px; 57 | } 58 | 59 | #m-hand{ 60 | stroke-width:2px; 61 | } 62 | 63 | #s-hand{ 64 | stroke-width:1px; 65 | } 66 | 67 | .time-text{ 68 | text-align:center; 69 | } -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/css/blog.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Globals 3 | */ 4 | 5 | body { 6 | font-family: Georgia, "Times New Roman", Times, serif; 7 | color: #555; 8 | } 9 | 10 | h1, .h1, 11 | h2, .h2, 12 | h3, .h3, 13 | h4, .h4, 14 | h5, .h5, 15 | h6, .h6 { 16 | margin-top: 0; 17 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 18 | font-weight: normal; 19 | color: #333; 20 | } 21 | 22 | 23 | /* 24 | * Override Bootstrap's default container. 25 | */ 26 | 27 | @media (min-width: 1200px) { 28 | .container { 29 | width: 970px; 30 | } 31 | } 32 | 33 | 34 | /* 35 | * Masthead for nav 36 | */ 37 | 38 | .blog-masthead { 39 | background-color: #428bca; 40 | -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); 41 | box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); 42 | } 43 | 44 | /* Nav links */ 45 | .blog-nav-item { 46 | position: relative; 47 | display: inline-block; 48 | padding: 10px; 49 | font-weight: 500; 50 | color: #cdddeb; 51 | } 52 | .blog-nav-item:hover, 53 | .blog-nav-item:focus { 54 | color: #fff; 55 | text-decoration: none; 56 | } 57 | 58 | /* Active state gets a caret at the bottom */ 59 | .blog-nav .active { 60 | color: #fff; 61 | } 62 | .blog-nav .active:after { 63 | position: absolute; 64 | bottom: 0; 65 | left: 50%; 66 | width: 0; 67 | height: 0; 68 | margin-left: -5px; 69 | vertical-align: middle; 70 | content: " "; 71 | border-right: 5px solid transparent; 72 | border-bottom: 5px solid; 73 | border-left: 5px solid transparent; 74 | } 75 | 76 | 77 | /* 78 | * Blog name and description 79 | */ 80 | 81 | .blog-header { 82 | padding-top: 20px; 83 | padding-bottom: 20px; 84 | } 85 | .blog-title { 86 | margin-top: 30px; 87 | margin-bottom: 0; 88 | font-size: 60px; 89 | font-weight: normal; 90 | } 91 | .blog-description { 92 | font-size: 20px; 93 | color: #999; 94 | } 95 | 96 | 97 | /* 98 | * Main column and sidebar layout 99 | */ 100 | 101 | .blog-main { 102 | font-size: 18px; 103 | line-height: 1.5; 104 | } 105 | 106 | /* Sidebar modules for boxing content */ 107 | .sidebar-module { 108 | padding: 15px; 109 | margin: 0 -15px 15px; 110 | } 111 | .sidebar-module-inset { 112 | padding: 15px; 113 | background-color: #f5f5f5; 114 | border-radius: 4px; 115 | } 116 | .sidebar-module-inset p:last-child, 117 | .sidebar-module-inset ul:last-child, 118 | .sidebar-module-inset ol:last-child { 119 | margin-bottom: 0; 120 | } 121 | 122 | 123 | /* Pagination */ 124 | .pager { 125 | margin-bottom: 60px; 126 | text-align: left; 127 | } 128 | .pager > li > a { 129 | width: 140px; 130 | padding: 10px 20px; 131 | text-align: center; 132 | border-radius: 30px; 133 | } 134 | 135 | 136 | /* 137 | * Blog posts 138 | */ 139 | 140 | .blog-post { 141 | margin-bottom: 60px; 142 | } 143 | .blog-post-title { 144 | margin-bottom: 5px; 145 | font-size: 40px; 146 | } 147 | .blog-post-meta { 148 | margin-bottom: 20px; 149 | color: #999; 150 | } 151 | 152 | 153 | /* 154 | * Footer 155 | */ 156 | 157 | .blog-footer { 158 | padding: 40px 0; 159 | color: #999; 160 | text-align: center; 161 | background-color: #f9f9f9; 162 | border-top: 1px solid #e5e5e5; 163 | } 164 | .blog-footer p:last-child { 165 | margin-bottom: 0; 166 | } -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/css/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} 6 | /*# sourceMappingURL=bootstrap-theme.min.css.map */ -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/css/default.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /*# sourceMappingURL=default.css.map */ 4 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/css/default.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "", 4 | "sources": [], 5 | "names": [], 6 | "file": "default.css" 7 | } -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Blog Template for Bootstrap 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 22 | 23 | 24 | 25 | 26 |
    27 |
    28 | 35 |
    36 |
    37 | 38 |
    39 | 40 |
    41 |

    The Bootstrap Blog

    42 |

    The official example template of creating a blog with Bootstrap.

    43 |
    44 | 45 |
    46 | 47 |
    48 | 49 |
    50 |

    Sample blog post

    51 |

    January 1, 2014 by Mark

    52 | 53 |

    This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.

    54 |
    55 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

    56 |
    57 |

    Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

    58 |
    59 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    60 |

    Heading

    61 |

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

    62 |

    Sub-heading

    63 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

    64 | 
    Example code block
    65 |

    Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

    66 |

    Sub-heading

    67 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

    68 |
      69 |
    • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
      • 70 |
    • Donec id elit non mi porta gravida at eget metus.
      • 71 |
    • Nulla vitae elit libero, a pharetra augue.
      • 72 |
    73 |

    Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

    74 |
      75 |
    1. Vestibulum id ligula porta felis euismod semper.
      2. 76 |
    2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
      3. 77 |
    3. Maecenas sed diam eget risus varius blandit sit amet non magna.
      4. 78 |
    79 |

    Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

    80 |
    81 | 82 |
    83 |

    Another blog post

    84 |

    December 23, 2013 by Jacob

    85 | 86 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

    87 |
    88 |

    Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

    89 |
    90 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    91 |

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

    92 |
    93 | 94 |
    95 |

    New feature

    96 |

    December 14, 2013 by Chris

    97 | 98 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

    99 |
      100 |
    • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
      • 101 |
    • Donec id elit non mi porta gravida at eget metus.
      • 102 |
    • Nulla vitae elit libero, a pharetra augue.
      • 103 |
    104 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    105 |

    Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

    106 |
    107 | 108 | 114 | 115 |
    116 | 117 |
    118 |
    119 |

    About

    120 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    121 |
    122 |
    123 |

    Archives

    124 |
      125 |
    1. March 2014
      2. 126 |
    2. February 2014
      3. 127 |
    3. January 2014
      4. 128 |
    4. December 2013
      5. 129 |
    5. November 2013
      6. 130 |
    6. October 2013
      7. 131 |
    7. September 2013
      8. 132 |
    8. August 2013
      9. 133 |
    9. July 2013
      10. 134 |
    10. June 2013
      11. 135 |
    11. May 2013
      12. 136 |
    12. April 2013
      13. 137 |
    138 |
    139 | 140 |
    141 |

    Elsewhere

    142 |
      143 |
    1. GitHub
      2. 144 |
    2. Twitter
      3. 145 |
    3. Facebook
      4. 146 |
    147 |
    148 | 149 |
    150 |
    151 |
    152 | 153 |
    154 |
    155 |
    156 | 157 |
    158 | 159 |
    160 | 161 |
    162 | 163 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/js/default.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | //digital clock 4 | var clockObj_d = new dyClock( $("#digital-clock"), { 5 | clock : "digital", 6 | format : "hh:mm:ss A", 7 | digitalStyle : { 8 | fontColor : "gray", 9 | fontSize : "200%", 10 | fontFamily : "Faster One" 11 | } 12 | }); 13 | clockObj_d.start(); 14 | 15 | //analog clock 16 | var clockObj_a = new dyClock( $("#analog-clock"), { 17 | clock : "analog", 18 | 19 | image : "plugins/dyClockJS/image/c01.png", 20 | radius : 60, 21 | analogStyle : { 22 | handsColor : { 23 | h : "red", 24 | m : "green", 25 | s : "blue" 26 | }, 27 | handsWidth : { 28 | h : 9, 29 | m : 5, 30 | s : 2 31 | } 32 | } 33 | }); 34 | clockObj_a.start(); -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Yusuf Shakeel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/README.md: -------------------------------------------------------------------------------- 1 | # dyClockJS 2 | dyClockJS is a small plugin to create digital and analog clock for your blog and website. 3 | 4 | # Author 5 | [Yusuf Shakeel](http://www.yusufshakeel.com) 6 | 7 | # Documentation 8 | [Click here](https://www.dyclassroom.com/dyclockjs/documentation) for project documentation. 9 | 10 | # Fonts 11 | This project uses Google Fonts [Click here](https://fonts.google.com) 12 | 13 | # License 14 | MIT License 15 | 16 | Copyright (c) 2016 Yusuf Shakeel 17 | 18 | Permission is hereby granted, free of charge, to any person obtaining a copy 19 | of this software and associated documentation files (the "Software"), to deal 20 | in the Software without restriction, including without limitation the rights 21 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 22 | copies of the Software, and to permit persons to whom the Software is 23 | furnished to do so, subject to the following conditions: 24 | 25 | The above copyright notice and this permission notice shall be included in all 26 | copies or substantial portions of the Software. 27 | 28 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 29 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 30 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 31 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 32 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 33 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 34 | SOFTWARE. 35 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/css/dyclock.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyClock is a JavaScript library for creating clock. 3 | * 4 | * Author: Yusuf Shakeel 5 | * https://github.com/yusufshakeel 6 | * 7 | * GitHub Link: https://github.com/yusufshakeel/dyClockJS 8 | * 9 | * MIT license 10 | * Copyright (c) 2016 Yusuf Shakeel 11 | * 12 | * Date: 2014-01-29 Wednesday 13 | */ 14 | 15 | .dyclock-container { 16 | display: inline-block; 17 | } 18 | 19 | .dyclock-digital-time { 20 | padding : 5px; 21 | } 22 | 23 | .dyclock-analog-time { 24 | max-width: 300px; 25 | max-height: 300px; 26 | } 27 | 28 | /*================================== font =============================*/ 29 | 30 | @font-face { 31 | font-family: 'Faster One'; 32 | src: url(../font/FasterOne-Regular.ttf); 33 | } 34 | @font-face { 35 | font-family: 'Frijole'; 36 | src: url(../font/Frijole-Regular.ttf); 37 | } 38 | @font-face { 39 | font-family: 'Londrina Outline'; 40 | src: url(../font/LondrinaOutline-Regular.ttf); 41 | } 42 | @font-face { 43 | font-family: 'Monofett'; 44 | src: url(../font/Monofett.ttf); 45 | } 46 | @font-face { 47 | font-family: 'Orbitron'; 48 | src: url(../font/Orbitron-Regular.ttf); 49 | } 50 | @font-face { 51 | font-family: 'Vast Shadow'; 52 | src: url(../font/VastShadow-Regular.ttf); 53 | } 54 | 55 | /*================================== font ends here ===================*/ 56 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/css/dyclock.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyClock is a JavaScript library for creating clock. 3 | * 4 | * Author: Yusuf Shakeel 5 | * https://github.com/yusufshakeel 6 | * 7 | * GitHub Link: https://github.com/yusufshakeel/dyClockJS 8 | * 9 | * MIT license 10 | * Copyright (c) 2016 Yusuf Shakeel 11 | * 12 | * Date: 2014-01-29 Wednesday 13 | */.dyclock-container{display:inline-block}.dyclock-digital-time{padding:5px}.dyclock-analog-time{max-width:300px;max-height:300px}@font-face{font-family:'Faster One';src:url(../font/FasterOne-Regular.ttf)}@font-face{font-family:Frijole;src:url(../font/Frijole-Regular.ttf)}@font-face{font-family:'Londrina Outline';src:url(../font/LondrinaOutline-Regular.ttf)}@font-face{font-family:Monofett;src:url(../font/Monofett.ttf)}@font-face{font-family:Orbitron;src:url(../font/Orbitron-Regular.ttf)}@font-face{font-family:'Vast Shadow';src:url(../font/VastShadow-Regular.ttf)} -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/FasterOne-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/FasterOne-Regular.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Frijole-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Frijole-Regular.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/LondrinaOutline-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/LondrinaOutline-Regular.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Monofett.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Monofett.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Orbitron-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/Orbitron-Regular.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/font/VastShadow-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/font/VastShadow-Regular.ttf -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c01.png -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c02.png -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyclockjs/plugins/dyClockJS/image/c03.png -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | dyClockJS 5 | 6 | 7 | 8 | 9 |

    Digital Clock (default HH:mm:ss)

    10 |
    11 |
    12 |
    13 | 14 |
    15 | 16 |

    Digital Clock (default HH:mm:ss) border

    17 |
    18 |
    19 |
    20 | 21 |
    22 | 23 |

    Digital Clock (default HH:mm:ss) and digitalStyle

    24 |
    25 |
    26 |
    27 | 28 |
    29 | 30 |

    Digital Clock (hh:mm:ss A) by class

    31 |
    32 |
    33 |
    34 |
    35 |
    36 | 37 |
    38 | 39 |

    Digital Clock (HH:mm a) by class

    40 |
    41 |
    42 |
    43 | 44 |
    45 | 46 |

    Analog Clock default

    47 |
    48 |
    49 |
    50 | 51 |
    52 | 53 |

    Analog Clock image 1

    54 |
    55 |
    56 |
    57 | 58 |
    59 | 60 |

    Analog Clock image 2 and digital time

    61 |
    62 |
    63 |
    64 | 65 |
    66 | 67 |

    Analog Clock by class and image 3 and analogStyle and digital time

    68 |
    69 |
    70 |
    71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/js/default.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyClock is a JavaScript library for creating clock. 3 | * 4 | * Author: Yusuf Shakeel 5 | * https://github.com/yusufshakeel 6 | * 7 | * GitHub Link: https://github.com/yusufshakeel/dyClockJS 8 | * 9 | * MIT license 10 | * Copyright (c) 2016 Yusuf Shakeel 11 | * 12 | * Date: 2014-01-29 Wednesday 13 | */ 14 | 15 | //default: digital clock default format: (HH:mm:ss) 16 | var clockObj = new dyClock($("#dyclock-digital")); 17 | clockObj.start(); 18 | 19 | //default: digital clock default format: (HH:mm:ss) border 20 | var clockObj2 = new dyClock($("#dyclock-digital-2"), { 21 | clock : "digital", 22 | format : "HH:mm:ss", 23 | digitalStyle : { 24 | border : '1px solid #999' 25 | } 26 | }); 27 | clockObj2.start(); 28 | 29 | //default: digital clock default format: (HH:mm:ss) and digitalStyle 30 | var clockObj3 = new dyClock($("#dyclock-digital-3"), { 31 | clock : "digital", 32 | format : "HH:mm:ss", 33 | digitalStyle : { 34 | border : '1px solid #999', 35 | backgroundColor : "lightgrey", 36 | fontColor : "black", 37 | fontSize : 48, 38 | fontFamily : 'Faster One' 39 | } 40 | }); 41 | clockObj3.start(); 42 | 43 | //default: digital clock format: (HH:mm:ss A) 44 | var clockObj4 = new dyClock($(".dyclock-digital-4"), { 45 | clock : "digital", 46 | format : "hh:mm:ss A" 47 | }); 48 | clockObj4.start(); 49 | 50 | //default: digital clock format: (HH:mm a) 51 | var clockObj5 = new dyClock($(".dyclock-digital-5"), { 52 | clock : "digital", 53 | format : "hh:mm a" 54 | }); 55 | clockObj5.start(); 56 | 57 | //analog clock 58 | var clockObj6 = new dyClock($("#dyclock-analog-6"), { 59 | clock : "analog" 60 | }); 61 | clockObj6.start(); 62 | 63 | //analog clock - image 1 64 | var clockObj7 = new dyClock($("#dyclock-analog-7"), { 65 | clock : "analog", 66 | image : "image/c01.png" 67 | }); 68 | clockObj7.start(); 69 | 70 | //analog clock - image 2 71 | var clockObj8 = new dyClock($("#dyclock-analog-8"), { 72 | clock : "analog", 73 | image : "image/c02.png", 74 | showdigital : true, 75 | format : "hh:mm:ss A", 76 | digitalStyle : { 77 | fontColor : "black", 78 | fontFamily : 'Faster One', 79 | fontSize : 28, 80 | } 81 | }); 82 | clockObj8.start(); 83 | 84 | //analog clock - image 3 85 | var clockObj9 = new dyClock($(".dyclock-analog-9"), { 86 | clock : "analog", 87 | 88 | format : "hh:mm:ss A", 89 | digitalStyle : { 90 | fontColor : "black", 91 | fontFamily : 'Monofett', 92 | fontSize : 32, 93 | }, 94 | 95 | 96 | image : "image/c02.png", 97 | showdigital : true, 98 | radius : 120, 99 | analogStyle : { 100 | backgroundColor : "#eee", 101 | border : '1px solid #999', 102 | handsColor : { 103 | h : "red", 104 | m : "orange", 105 | s : "green" 106 | }, 107 | handsWidth : { 108 | h : 9, 109 | m : 5, 110 | s : 2 111 | }, 112 | roundHands : true, 113 | shape : "circle" 114 | } 115 | }); 116 | clockObj9.start(); 117 | -------------------------------------------------------------------------------- /blog-bootstrap-dyclockjs/plugins/dyClockJS/js/dyclock.min.js: -------------------------------------------------------------------------------- 1 | /*! dyClockJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyClockJS */ 2 | !function(t,e){"use strict";var i=function(e,i){return"undefined"==typeof e?void t.console.error("target undefined"):("undefined"!=typeof i&&"undefined"!=typeof i.radius&&(i.radius=t.Math.ceil(i.radius),i.radius<30?i.radius=30:i.radius>this.defaults.radius&&(i.radius=this.defaults.radius)),this.target=e,this.targetPrefix=this.target.selector.substring(1),this.clockOption="undefined"!=typeof i?this.extendSource(i,this.defaults):this.defaults,this.tick=null,void this.setClockOptionFormat())};i.prototype.defaults={clock:"digital",format:"HH:mm:ss",digitalStyle:{backgroundColor:"#fff",border:"none",fontColor:"#000",fontFamily:"Arial",fontSize:16},hand:"hms",radius:150,showdigital:!1,image:!1,analogStyle:{backgroundColor:"#fff",border:"none",handsColor:{h:"#000",m:"#000",s:"#000"},handsWidth:{h:3,m:2,s:1},roundHands:!1,shape:"circle"}},i.prototype.extendSource=function(t,e){var i;for(i in e)t.hasOwnProperty(i)===!1&&(t[i]=e[i]);return t},i.prototype.setClockOptionFormat=function(){var t,e,i={},o=[];o=this.clockOption.format.split(" "),t=o[0].split(":"),e="undefined"!=typeof o[1]?o[1]:!1,"hh"===t[0]?i.hour="12":"HH"===t[0]&&(i.hour="24"),i.showMinutes=!0,i.showSeconds="undefined"!=typeof t[2]&&"ss"===t[2]?!0:!1,this.clockOption.format_time=i,e===!1?this.clockOption.format_showam=!1:(this.clockOption.format_showam=!0,this.clockOption.format_showamvalue="a"===e?["am","pm"]:["AM","PM"])},i.prototype.getTime=function(){var e=new t.Date,i={};return i.hour=e.getHours(),i.minute=e.getMinutes(),i.second=e.getSeconds(),i},i.prototype.getTimeString=function(e,i){var o,s="";switch(i.format_time.hour){case"12":0===e.hour?s="12 ":e.hour>12?(o=e.hour-12,s=10>o?"0"+o:o):s=e.hour<10?"0"+e.hour:e.hour;break;case"24":s=e.hour<10?"0"+e.hour:e.hour;break;default:t.console.error("Invalid format: hour")}return s=e.minute<10?s+" : 0"+e.minute:s+" : "+e.minute,i.format_time.showSeconds===!0&&(s=e.second<10?s+" : 0"+e.second:s+" : "+e.second),i.format_showam===!0&&(s=e.hour>=12?s+" "+i.format_showamvalue[1]:s+" "+i.format_showamvalue[0]),s},i.prototype.start=function(){var e=this;"digital"===this.clockOption.clock?(this.drawDigitalClock(),this.tick=t.setInterval(function(){e.runDigitalClock()},1e3)):"analog"===this.clockOption.clock&&(this.drawAnalogClock(),this.tick=t.setInterval(function(){e.runAnalogClock()},1e3))},i.prototype.stop=function(){t.clearInterval(this.tick)},i.prototype.drawDigitalClock=function(){var t;t="
    ",this.target.html(t),this.styleDigitalClock()},i.prototype.styleDigitalClock=function(){var t,i=this,o=i.clockOption.digitalStyle;t=e("."+i.targetPrefix+"-digital-time-string"),"undefined"!=typeof o.backgroundColor?t.css("background-color",o.backgroundColor):t.css("background-color",i.defaults.digitalStyle.backgroundColor),"undefined"!=typeof o.border?t.css("border",o.border):t.css("border",i.defaults.digitalStyle.border),"undefined"!=typeof o.fontColor?t.css("color",o.fontColor):t.css("color",i.defaults.digitalStyle.fontColor),"undefined"!=typeof o.fontFamily?t.css("font-family",o.fontFamily):t.css("font-family",i.defaults.digitalStyle.fontFamily),"undefined"!=typeof o.fontSize?t.css("font-size",o.fontSize):t.css("font-size",i.defaults.digitalStyle.fontSize)},i.prototype.runDigitalClock=function(){var t=this.targetPrefix+"-digital-time-string";e("."+t).html(this.getTimeString(this.getTime(),this.clockOption))},i.prototype.drawAnalogClock=function(){var e,i=2*this.clockOption.radius,o=i,s=this.clockOption.radius,a=s,r=t.Math.ceil(.65*this.clockOption.radius),n=t.Math.ceil(.3*this.clockOption.radius),d=t.Math.ceil(.1*this.clockOption.radius),l=t.Math.ceil(.9*this.clockOption.radius),h="",c="";c=this.clockOption.showdigital===!0?"
    ":"","undefined"!=typeof this.clockOption.image&&this.clockOption.image!==!1&&(h="style = 'background: url("+this.clockOption.image+"); background-repeat: no-repeat; background-size: contain;'"),e="
    "+c,this.target.html(e),this.styleDigitalClock(),this.styleAnalogClock()},i.prototype.styleAnalogClock=function(){var t=this,i=e("."+t.targetPrefix+"-analog-clock"),o=t.clockOption.analogStyle;"undefined"!=typeof o.backgroundColor?i.css("background-color",o.backgroundColor):i.css("background-color",t.defaults.analogStyle.backgroundColor),"undefined"!=typeof o.border?i.css("border",o.border):i.css("border",t.defaults.analogStyle.border),"undefined"!=typeof o.handsColor?("undefined"!=typeof o.handsColor.h?e("."+this.targetPrefix+"-h-hand").css("stroke",o.handsColor.h):e("."+this.targetPrefix+"-h-hand").css("stroke",t.defaults.analogStyle.handsColor.h),"undefined"!=typeof o.handsColor.m?e("."+this.targetPrefix+"-m-hand").css("stroke",o.handsColor.m):e("."+this.targetPrefix+"-m-hand").css("stroke",t.defaults.analogStyle.handsColor.m),"undefined"!=typeof o.handsColor.s?(e("."+this.targetPrefix+"-s-hand").css("stroke",o.handsColor.s),e("."+this.targetPrefix+"-s-tail").css("stroke",o.handsColor.s)):(e("."+this.targetPrefix+"-s-hand").css("stroke",t.defaults.analogStyle.handsColor.s),e("."+this.targetPrefix+"-s-tail").css("stroke",t.defaults.analogStyle.handsColor.s))):(e("."+this.targetPrefix+"-h-hand").css("stroke",t.defaults.analogStyle.handsColor.h),e("."+this.targetPrefix+"-m-hand").css("stroke",t.defaults.analogStyle.handsColor.m),e("."+this.targetPrefix+"-s-hand").css("stroke",t.defaults.analogStyle.handsColor.s),e("."+this.targetPrefix+"-s-tail").css("stroke",t.defaults.analogStyle.handsColor.s)),"undefined"!=typeof o.handsWidth?("undefined"!=typeof o.handsWidth.h?e("."+this.targetPrefix+"-h-hand").css("stroke-width",o.handsWidth.h):e("."+this.targetPrefix+"-h-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.h),"undefined"!=typeof o.handsWidth.m?e("."+this.targetPrefix+"-m-hand").css("stroke-width",o.handsWidth.m):e("."+this.targetPrefix+"-m-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.m),"undefined"!=typeof o.handsWidth.s?(e("."+this.targetPrefix+"-s-hand").css("stroke-width",o.handsWidth.s),e("."+this.targetPrefix+"-s-tail").css("stroke-width",o.handsWidth.s)):(e("."+this.targetPrefix+"-s-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.s),e("."+this.targetPrefix+"-s-tail").css("stroke-width",t.defaults.analogStyle.handsWidth.s))):(e("."+this.targetPrefix+"-h-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.h),e("."+this.targetPrefix+"-m-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.m),e("."+this.targetPrefix+"-s-hand").css("stroke-width",t.defaults.analogStyle.handsWidth.s),e("."+this.targetPrefix+"-s-tail").css("stroke-width",t.defaults.analogStyle.handsWidth.s)),"undefined"!=typeof o.roundHands&&o.roundHands===!0&&e("."+this.targetPrefix+"-analog-hand").css("stroke-linecap","round"),"undefined"!=typeof o.shape&&"circle"===o.shape&&i.css("border-radius","50%")},i.prototype.runAnalogClock=function(){var t=this.getTime(),i=30*(t.hour%12+t.minute/60),o=6*t.minute,s=6*t.second;e("."+this.targetPrefix+"-h-hand").attr("transform",this.getRotateStr(i)),e("."+this.targetPrefix+"-m-hand").attr("transform",this.getRotateStr(o)),e("."+this.targetPrefix+"-s-hand").attr("transform",this.getRotateStr(s)),e("."+this.targetPrefix+"-s-tail").attr("transform",this.getRotateStr(s+180)),e("."+this.targetPrefix+"-digital-time-string").html(this.getTimeString(this.getTime(),this.clockOption))},i.prototype.getRotateStr=function(t){var e=(2*this.clockOption.radius,this.clockOption.radius),i=e;return"rotate("+t+", "+e+", "+i+")"},t.dyClock=i}("undefined"!=typeof window?window:this,"undefined"!=typeof jQuery?jQuery:void 0); 3 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/css/blog.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Globals 3 | */ 4 | 5 | body { 6 | font-family: Georgia, "Times New Roman", Times, serif; 7 | color: #555; 8 | } 9 | 10 | h1, .h1, 11 | h2, .h2, 12 | h3, .h3, 13 | h4, .h4, 14 | h5, .h5, 15 | h6, .h6 { 16 | margin-top: 0; 17 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 18 | font-weight: normal; 19 | color: #333; 20 | } 21 | 22 | 23 | /* 24 | * Override Bootstrap's default container. 25 | */ 26 | 27 | @media (min-width: 1200px) { 28 | .container { 29 | width: 970px; 30 | } 31 | } 32 | 33 | 34 | /* 35 | * Masthead for nav 36 | */ 37 | 38 | .blog-masthead { 39 | background-color: #428bca; 40 | -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); 41 | box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); 42 | } 43 | 44 | /* Nav links */ 45 | .blog-nav-item { 46 | position: relative; 47 | display: inline-block; 48 | padding: 10px; 49 | font-weight: 500; 50 | color: #cdddeb; 51 | } 52 | .blog-nav-item:hover, 53 | .blog-nav-item:focus { 54 | color: #fff; 55 | text-decoration: none; 56 | } 57 | 58 | /* Active state gets a caret at the bottom */ 59 | .blog-nav .active { 60 | color: #fff; 61 | } 62 | .blog-nav .active:after { 63 | position: absolute; 64 | bottom: 0; 65 | left: 50%; 66 | width: 0; 67 | height: 0; 68 | margin-left: -5px; 69 | vertical-align: middle; 70 | content: " "; 71 | border-right: 5px solid transparent; 72 | border-bottom: 5px solid; 73 | border-left: 5px solid transparent; 74 | } 75 | 76 | 77 | /* 78 | * Blog name and description 79 | */ 80 | 81 | .blog-header { 82 | padding-top: 20px; 83 | padding-bottom: 20px; 84 | } 85 | .blog-title { 86 | margin-top: 30px; 87 | margin-bottom: 0; 88 | font-size: 60px; 89 | font-weight: normal; 90 | } 91 | .blog-description { 92 | font-size: 20px; 93 | color: #999; 94 | } 95 | 96 | 97 | /* 98 | * Main column and sidebar layout 99 | */ 100 | 101 | .blog-main { 102 | font-size: 18px; 103 | line-height: 1.5; 104 | } 105 | 106 | /* Sidebar modules for boxing content */ 107 | .sidebar-module { 108 | padding: 15px; 109 | margin: 0 -15px 15px; 110 | } 111 | .sidebar-module-inset { 112 | padding: 15px; 113 | background-color: #f5f5f5; 114 | border-radius: 4px; 115 | } 116 | .sidebar-module-inset p:last-child, 117 | .sidebar-module-inset ul:last-child, 118 | .sidebar-module-inset ol:last-child { 119 | margin-bottom: 0; 120 | } 121 | 122 | 123 | /* Pagination */ 124 | .pager { 125 | margin-bottom: 60px; 126 | text-align: left; 127 | } 128 | .pager > li > a { 129 | width: 140px; 130 | padding: 10px 20px; 131 | text-align: center; 132 | border-radius: 30px; 133 | } 134 | 135 | 136 | /* 137 | * Blog posts 138 | */ 139 | 140 | .blog-post { 141 | margin-bottom: 60px; 142 | } 143 | .blog-post-title { 144 | margin-bottom: 5px; 145 | font-size: 40px; 146 | } 147 | .blog-post-meta { 148 | margin-bottom: 20px; 149 | color: #999; 150 | } 151 | 152 | 153 | /* 154 | * Footer 155 | */ 156 | 157 | .blog-footer { 158 | padding: 40px 0; 159 | color: #999; 160 | text-align: center; 161 | background-color: #f9f9f9; 162 | border-top: 1px solid #e5e5e5; 163 | } 164 | .blog-footer p:last-child { 165 | margin-bottom: 0; 166 | } -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/css/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.7 (http://getbootstrap.com) 3 | * Copyright 2011-2016 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} 6 | /*# sourceMappingURL=bootstrap-theme.min.css.map */ -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/css/default.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /*# sourceMappingURL=default.css.map */ 4 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/css/default.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "", 4 | "sources": [], 5 | "names": [], 6 | "file": "default.css" 7 | } -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Blog Template for Bootstrap 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 22 | 23 | 24 | 25 | 26 |
    27 |
    28 | 35 |
    36 |
    37 | 38 |
    39 | 40 |
    41 |

    The Bootstrap Blog

    42 |

    The official example template of creating a blog with Bootstrap.

    43 |
    44 | 45 |
    46 | 47 |
    48 | 49 |
    50 |

    Sample blog post

    51 |

    January 1, 2014 by Mark

    52 | 53 |

    This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.

    54 |
    55 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

    56 |
    57 |

    Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

    58 |
    59 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    60 |

    Heading

    61 |

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

    62 |

    Sub-heading

    63 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

    64 | 
    Example code block
    65 |

    Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

    66 |

    Sub-heading

    67 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

    68 |
      69 |
    • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
      • 70 |
    • Donec id elit non mi porta gravida at eget metus.
      • 71 |
    • Nulla vitae elit libero, a pharetra augue.
      • 72 |
    73 |

    Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

    74 |
      75 |
    1. Vestibulum id ligula porta felis euismod semper.
      2. 76 |
    2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
      3. 77 |
    3. Maecenas sed diam eget risus varius blandit sit amet non magna.
      4. 78 |
    79 |

    Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

    80 |
    81 | 82 |
    83 |

    Another blog post

    84 |

    December 23, 2013 by Jacob

    85 | 86 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

    87 |
    88 |

    Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

    89 |
    90 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    91 |

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

    92 |
    93 | 94 |
    95 |

    New feature

    96 |

    December 14, 2013 by Chris

    97 | 98 |

    Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

    99 |
      100 |
    • Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
      • 101 |
    • Donec id elit non mi porta gravida at eget metus.
      • 102 |
    • Nulla vitae elit libero, a pharetra augue.
      • 103 |
    104 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    105 |

    Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

    106 |
    107 | 108 | 114 | 115 |
    116 | 117 |
    118 |
    119 |

    About

    120 |

    Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

    121 |
    122 |
    123 |

    Archives

    124 |
      125 |
    1. March 2014
      2. 126 |
    2. February 2014
      3. 127 |
    3. January 2014
      4. 128 |
    4. December 2013
      5. 129 |
    5. November 2013
      6. 130 |
    6. October 2013
      7. 131 |
    7. September 2013
      8. 132 |
    8. August 2013
      9. 133 |
    9. July 2013
      10. 134 |
    10. June 2013
      11. 135 |
    11. May 2013
      12. 136 |
    12. April 2013
      13. 137 |
    138 |
    139 | 140 |
    141 |

    Elsewhere

    142 |
      143 |
    1. GitHub
      2. 144 |
    2. Twitter
      3. 145 |
    3. Facebook
      4. 146 |
    147 |
    148 | 149 |
    150 | 151 |
    152 | 153 |
    154 | 155 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/js/default.js: -------------------------------------------------------------------------------- 1 | dyscrollup.init({ 2 | showafter : 600, 3 | scrolldelay : 1000, 4 | position : "left", 5 | image : "plugins/dyScrollUpJS/image/36.png", 6 | shape : "other", 7 | width : 30, 8 | height : 30 9 | }); -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Yusuf Shakeel 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/README.md: -------------------------------------------------------------------------------- 1 | # dyScrollUpJS 2 | 3 | Small plugin that you can use in your website and blog to create "Scroll-to-top" button. 4 | 5 | And you can customize it too! 6 | 7 | #Download 8 | 9 | [Download](https://github.com/yusufshakeel/dyScrollUpJS/releases) the latest release of this project. 10 | 11 | #License 12 | 13 | MIT License 14 | 15 | Copyright (c) 2016 Yusuf Shakeel 16 | 17 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 18 | 19 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 20 | 21 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/css/default.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyScrollUpJS is a JavaScript plugin to create a button to scroll back 3 | * to the top of the page. 4 | * 5 | * Author: Yusuf Shakeel 6 | * https://github.com/yusufshakeel 7 | * 8 | * GitHub Link: https://github.com/yusufshakeel/dyScrollUpJS 9 | * 10 | * MIT license 11 | * Copyright (c) 2016 Yusuf Shakeel 12 | * 13 | * Date: 2015-03-21 Saturday 14 | */ 15 | /*! dyScrollUpJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyScrollUpJS */ 16 | 17 | 18 | body { 19 | padding: 20px 50px 100px; 20 | } 21 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/css/dyscrollup.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyScrollUpJS is a JavaScript plugin to create a button to scroll back 3 | * to the top of the page. 4 | * 5 | * Author: Yusuf Shakeel 6 | * https://github.com/yusufshakeel 7 | * 8 | * GitHub Link: https://github.com/yusufshakeel/dyScrollUpJS 9 | * 10 | * MIT license 11 | * Copyright (c) 2016 Yusuf Shakeel 12 | * 13 | * Date: 2015-03-21 Saturday 14 | */ 15 | /*! dyScrollUpJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyScrollUpJS */ 16 | 17 | #dyscrollup-btn { 18 | z-index: 999999; 19 | position: fixed; 20 | cursor: pointer; 21 | display: none; 22 | bottom: 32px; 23 | } 24 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/css/dyscrollup.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyScrollUpJS is a JavaScript plugin to create a button to scroll back 3 | * to the top of the page. 4 | * 5 | * Author: Yusuf Shakeel 6 | * https://github.com/yusufshakeel 7 | * 8 | * GitHub Link: https://github.com/yusufshakeel/dyScrollUpJS 9 | * 10 | * MIT license 11 | * Copyright (c) 2016 Yusuf Shakeel 12 | * 13 | * Date: 2015-03-21 Saturday 14 | *//*! dyScrollUpJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyScrollUpJS */#dyscrollup-btn{z-index:999999;position:fixed;cursor:pointer;display:none;bottom:32px} 15 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/32.png -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/36.png -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-black.png -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-red.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-red.png -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/image/48-transparent.png -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/index-configured.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Index Page 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |

    What is Lorem Ipsum?

    13 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 14 |

    15 | 16 |

    Why do we use it?

    17 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 18 |

    19 | 20 |

    Where does it come from?

    21 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 22 |

    23 | 24 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 25 |

    26 | 27 |

    Where can I get some?

    28 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. 29 |

    30 | 31 |

    What is Lorem Ipsum?

    32 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 33 |

    34 | 35 |

    Why do we use it?

    36 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 37 |

    38 | 39 |

    Where does it come from?

    40 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 41 |

    42 | 43 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 44 |

    45 | 46 |

    Where can I get some?

    47 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. 48 |

    49 | 50 |

    What is Lorem Ipsum?

    51 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 52 |

    53 | 54 |

    Why do we use it?

    55 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 56 |

    57 | 58 |

    Where does it come from?

    59 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 60 |

    61 | 62 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 63 |

    64 | 65 |

    Where can I get some?

    66 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. 67 |

    68 | 69 |

    What is Lorem Ipsum?

    70 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 71 |

    72 | 73 |

    Why do we use it?

    74 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 75 |

    76 | 77 |

    Where does it come from?

    78 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 79 |

    80 | 81 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 82 |

    83 | 84 |

    Where can I get some?

    85 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. 86 |

    87 | 88 |

    What is Lorem Ipsum?

    89 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 90 |

    91 | 92 |

    Why do we use it?

    93 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 94 |

    95 | 96 |

    Where does it come from?

    97 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. 98 |

    99 | 100 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. 101 |

    102 | 103 |

    Where can I get some?

    104 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. 105 |

    106 | 107 |

    Source: http://www.lipsum.com/

    108 | 109 | 110 | 111 | 112 | 113 | 114 | 125 | 126 | 127 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Index Page 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |

    What is Lorem Ipsum?

    13 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 14 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with 15 | desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 16 |

    17 | 18 |

    Why do we use it?

    19 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content 20 | here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. 21 | Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 22 |

    23 | 24 |

    Where does it come from?

    25 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked 26 | up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus 27 | Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in 28 | section 1.10.32. 29 |

    30 | 31 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English 32 | versions from the 1914 translation by H. Rackham. 33 |

    34 | 35 |

    Where can I get some?

    36 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem 37 | Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a 38 | dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words 39 | etc. 40 |

    41 | 42 |

    What is Lorem Ipsum?

    43 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 44 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with 45 | desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 46 |

    47 | 48 |

    Why do we use it?

    49 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content 50 | here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. 51 | Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 52 |

    53 | 54 |

    Where does it come from?

    55 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked 56 | up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus 57 | Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in 58 | section 1.10.32. 59 |

    60 | 61 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English 62 | versions from the 1914 translation by H. Rackham. 63 |

    64 | 65 |

    Where can I get some?

    66 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem 67 | Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a 68 | dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words 69 | etc. 70 |

    71 | 72 |

    What is Lorem Ipsum?

    73 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 74 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with 75 | desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 76 |

    77 | 78 |

    Why do we use it?

    79 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content 80 | here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. 81 | Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 82 |

    83 | 84 |

    Where does it come from?

    85 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked 86 | up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus 87 | Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in 88 | section 1.10.32. 89 |

    90 | 91 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English 92 | versions from the 1914 translation by H. Rackham. 93 |

    94 | 95 |

    Where can I get some?

    96 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem 97 | Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a 98 | dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words 99 | etc. 100 |

    101 | 102 |

    What is Lorem Ipsum?

    103 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 104 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with 105 | desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 106 |

    107 | 108 |

    Why do we use it?

    109 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content 110 | here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. 111 | Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 112 |

    113 | 114 |

    Where does it come from?

    115 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked 116 | up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus 117 | Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in 118 | section 1.10.32. 119 |

    120 | 121 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English 122 | versions from the 1914 translation by H. Rackham. 123 |

    124 | 125 |

    Where can I get some?

    126 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem 127 | Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a 128 | dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words 129 | etc. 130 |

    131 | 132 |

    What is Lorem Ipsum?

    133 |

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 134 | It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with 135 | desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 136 |

    137 | 138 |

    Why do we use it?

    139 |

    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content 140 | here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. 141 | Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). 142 |

    143 | 144 |

    Where does it come from?

    145 |

    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked 146 | up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus 147 | Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in 148 | section 1.10.32. 149 |

    150 | 151 |

    The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English 152 | versions from the 1914 translation by H. Rackham. 153 |

    154 | 155 |

    Where can I get some?

    156 |

    There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem 157 | Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a 158 | dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words 159 | etc. 160 |

    161 | 162 |

    Source: 163 | http://www.lipsum.com/ 164 |

    165 | 166 | 167 | 168 | 169 | 170 | 171 | 174 | 175 | 176 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/js/dyscrollup.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * dyScrollUpJS is a JavaScript plugin to create a button to scroll back 3 | * to the top of the page. 4 | * 5 | * Author: Yusuf Shakeel 6 | * https://github.com/yusufshakeel 7 | * 8 | * GitHub Link: https://github.com/yusufshakeel/dyScrollUpJS 9 | * 10 | * MIT license 11 | * Copyright (c) 2016 Yusuf Shakeel 12 | * 13 | * Date: 2015-03-21 Saturday 14 | */ 15 | /*! dyScrollUpJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyScrollUpJS */ 16 | (function(global, $) { 17 | 18 | "use strict"; 19 | 20 | var 21 | //this will be used by the user. 22 | dyscrollup = {}; 23 | 24 | //default option 25 | dyscrollup.option = { 26 | showafter : '300', 27 | scrolldelay : '500', 28 | position : 'right', 29 | image : 'image/36.png', 30 | shape : 'circle', 31 | width : "auto", 32 | height : "auto" 33 | }; 34 | 35 | 36 | /** 37 | * this function will extend source object with defaults object. 38 | * 39 | * @param object source this is the source object 40 | * @param object defaults this is the default object 41 | * @return object 42 | */ 43 | function extendSource(source, defaults) { 44 | var property; 45 | for (property in defaults) { 46 | if (source.hasOwnProperty(property) === false) { 47 | source[property] = defaults[property]; 48 | } 49 | } 50 | return source; 51 | } 52 | 53 | /** 54 | * this function will configure and initialize. 55 | * 56 | * option = { 57 | * showafter : "integer" //(optional) default: 300, show btn after scolling X px down 58 | * scrolldelay : "intwger" //(optional) default: 500, delay the scrolling up action in milliseconds 59 | * position : "string" //(optional) values: "left|right" default: "right" 60 | * image : "string" //(optional) values: "path of the image" 61 | * shape : "string" //(optional) values: "other|circle" default: "circle" 62 | * width : "integer" //(optional) default: "auto" 63 | * height : "integer" //(optional) default: "auto" 64 | * } 65 | * 66 | * @param object option user preferences 67 | */ 68 | dyscrollup.init = function (option) { 69 | if (typeof option !== "undefined") { 70 | this.option = extendSource(option, this.option); 71 | } 72 | this.createBtn(); 73 | this.onscroll(); 74 | this.onclick(); 75 | }; 76 | 77 | dyscrollup.createBtn = function () { 78 | var 79 | self = this, 80 | html, btn, img; 81 | 82 | //add the button 83 | html = ""; 84 | $("body").prepend(html); 85 | 86 | //set position 87 | btn = $("#dyscrollup-btn"); 88 | switch (self.option.position) { 89 | case 'left': 90 | btn.css('left', '32px'); 91 | break; 92 | 93 | case 'right': 94 | btn.css('right', '32px'); 95 | break; 96 | } 97 | 98 | //set shape 99 | img = $("#dyscrollup-btn img"); 100 | if (self.option.shape === 'circle') { 101 | img.css('border-radius', '50%'); 102 | } 103 | 104 | //set dimension 105 | img.css('width', self.option.width) 106 | .css('height', self.option.height); 107 | }; 108 | 109 | dyscrollup.onclick = function () { 110 | var 111 | self = this; 112 | 113 | $("body").on("click", "a#dyscrollup-btn", function(e) { 114 | e.preventDefault(); 115 | $("body").animate({ 116 | scrollTop: 0 117 | }, self.option.scrolldelay); 118 | return false; 119 | }); 120 | }; 121 | 122 | dyscrollup.onscroll = function () { 123 | var 124 | self = this; 125 | 126 | $(window).on("scroll", function(e) { 127 | if ( $(window).scrollTop() > self.option.showafter ) { 128 | $('a#dyscrollup-btn').fadeIn(); 129 | } else { 130 | $('a#dyscrollup-btn').fadeOut(); 131 | } 132 | }); 133 | }; 134 | 135 | //attach to global window object 136 | global.dyscrollup = dyscrollup; 137 | 138 | }(typeof window !== "undefined" ? window : this, 139 | typeof jQuery !== "undefined" ? jQuery : undefined)); 140 | -------------------------------------------------------------------------------- /blog-bootstrap-dyscrollupjs/plugins/dyScrollUpJS/js/dyscrollup.min.js: -------------------------------------------------------------------------------- 1 | /*! dyScrollUpJS | (c) 2016 Yusuf Shakeel | https://github.com/yusufshakeel/dyScrollUpJS */ 2 | !function(o,t){"use strict";function i(o,t){var i;for(i in t)o.hasOwnProperty(i)===!1&&(o[i]=t[i]);return o}var n={};n.option={showafter:"300",scrolldelay:"500",position:"right",image:"image/36.png",shape:"circle",width:"auto",height:"auto"},n.init=function(o){"undefined"!=typeof o&&(this.option=i(o,this.option)),this.createBtn(),this.onscroll(),this.onclick()},n.createBtn=function(){var o,i,n,e=this;switch(o="",t("body").prepend(o),i=t("#dyscrollup-btn"),e.option.position){case"left":i.css("left","32px");break;case"right":i.css("right","32px")}n=t("#dyscrollup-btn img"),"circle"===e.option.shape&&n.css("border-radius","50%"),n.css("width",e.option.width).css("height",e.option.height)},n.onclick=function(){var o=this;t("body").on("click","a#dyscrollup-btn",function(i){return i.preventDefault(),t("body").animate({scrollTop:0},o.option.scrolldelay),!1})},n.onscroll=function(){var o=this;t(window).on("scroll",function(){t(window).scrollTop()>o.option.showafter?t("a#dyscrollup-btn").fadeIn():t("a#dyscrollup-btn").fadeOut()})},o.dyscrollup=n}("undefined"!=typeof window?window:this,"undefined"!=typeof jQuery?jQuery:void 0); 3 | -------------------------------------------------------------------------------- /calendar _1/index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Calendar 5 | 6 | 7 | 8 | 9 |
    10 |

    11 |

    12 |

    13 |
    14 |
    15 |

    16 |

    17 |

    18 |
    19 |
    20 |

    21 |

    22 |

    23 |
    24 |
    25 |

    26 |

    27 |

    28 |
    29 |
    30 |

    31 |

    32 |

    33 |
    34 | 35 | -------------------------------------------------------------------------------- /calendar _1/script2.js: -------------------------------------------------------------------------------- 1 | //this function will find today's date 2 | function calendar(){ 3 | var day=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; 4 | var month=['January','February','March','April','May','June','July','August','September','October','November','December']; 5 | var d=new Date(); 6 | setText('calendar-day', day[d.getDay()]); 7 | setText('calendar-date', d.getDate()); 8 | setText('calendar-month-year', month[d.getMonth()]+' '+(1900+d.getYear())); 9 | }; 10 | 11 | //this function will set the text value of

    tags 12 | function setText(id, val){ 13 | if(val < 10){ 14 | val = '0' + val; //add leading 0 if val < 10 15 | } 16 | 17 | var elements = document.getElementsByClassName(id); 18 | 19 | for (var i = 0; i < elements.length; i++) { 20 | elements[i].innerHTML = val; 21 | } 22 | }; 23 | 24 | 25 | //call calendar() when page load 26 | window.onload = calendar; -------------------------------------------------------------------------------- /calendar _1/style2.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 20px auto; 3 | width: 70%; 4 | } 5 | 6 | #calendar1{ 7 | background-color: cornflowerblue; 8 | } 9 | 10 | #calendar2{ 11 | background-color: #64ed64; 12 | } 13 | 14 | #calendar3{ 15 | background-color: #ed64ed; 16 | } 17 | 18 | #calendar4{ 19 | background-color: #ed648e; 20 | } 21 | 22 | #calendar5{ 23 | background-color: #ede864; 24 | } 25 | 26 | div{ 27 | width: 130px; 28 | height: 180px; 29 | color: #fff; 30 | border-radius: 5%; 31 | box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4); 32 | display: inline-block; 33 | margin: 0 20px; 34 | } 35 | 36 | p{ 37 | font-family: Verdana, Arial, sans-serif; 38 | padding: 10px 0; 39 | margin: 0; 40 | color: #fff; 41 | text-align: center; 42 | } 43 | 44 | .calendar-day{ 45 | font-size: 16px; 46 | } 47 | 48 | .calendar-month-year{ 49 | font-size: 14px; 50 | } 51 | 52 | .calendar-date{ 53 | font-size: 64px; 54 | padding-top: 10px; 55 | padding-bottom: 0; 56 | } -------------------------------------------------------------------------------- /calendar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Calendar 5 | 6 | 7 | 8 | 9 |

    10 |

    11 |

    12 |

    13 |
    14 | 15 | -------------------------------------------------------------------------------- /calendar/script.js: -------------------------------------------------------------------------------- 1 | //this function will find today's date 2 | function calendar(){ 3 | var day=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; 4 | var month=['January','February','March','April','May','June','July','August','September','October','November','December']; 5 | var d=new Date(); 6 | setText('calendar-day', day[d.getDay()]); 7 | setText('calendar-date', d.getDate()); 8 | setText('calendar-month-year', month[d.getMonth()]+' '+(1900+d.getYear())); 9 | }; 10 | 11 | //this function will set the text value of

    tags 12 | function setText(id, val){ 13 | if(val < 10){ 14 | val = '0' + val; //add leading 0 if val < 10 15 | } 16 | document.getElementById(id).innerHTML = val; 17 | }; 18 | 19 | 20 | //call calendar() when page load 21 | window.onload = calendar; -------------------------------------------------------------------------------- /calendar/style.css: -------------------------------------------------------------------------------- 1 | #calendar{ 2 | width: 130px; 3 | height: 180px; 4 | background-color: cornflowerblue; 5 | color: #fff; 6 | border-radius: 5%; 7 | box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4); 8 | } 9 | 10 | #calendar>p{ 11 | font-family: Verdana, Arial, sans-serif; 12 | padding: 10px 0; 13 | margin: 0; 14 | color: #fff; 15 | text-align: center; 16 | } 17 | 18 | #calendar-day{ 19 | font-size: 16px; 20 | } 21 | 22 | #calendar-month-year{ 23 | font-size: 14px; 24 | } 25 | 26 | #calendar-date{ 27 | font-size: 64px; 28 | padding-top: 10px; 29 | padding-bottom: 0; 30 | } -------------------------------------------------------------------------------- /calendar2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Calendar 5 | 6 | 7 | 8 | 9 |

    10 |
    11 | 12 |
    13 |
    14 |
    15 |
    16 | 17 | -------------------------------------------------------------------------------- /calendar2/script.js: -------------------------------------------------------------------------------- 1 | window.onload = function(){ 2 | var d = new Date(); 3 | var month_name = ['January','February','March','April','May','June','July','August','September','October','November','December']; 4 | var month = d.getMonth(); //0-11 5 | var year = d.getFullYear(); //2014 6 | var first_date = month_name[month] + " " + 1 + " " + year; 7 | //September 1 2014 8 | var tmp = new Date(first_date).toDateString(); 9 | //Mon Sep 01 2014 ... 10 | var first_day = tmp.substring(0, 3); //Mon 11 | var day_name = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; 12 | var day_no = day_name.indexOf(first_day); //1 13 | var days = new Date(year, month+1, 0).getDate(); //30 14 | //Tue Sep 30 2014 ... 15 | var calendar = get_calendar(day_no, days); 16 | document.getElementById("calendar-month-year").innerHTML = month_name[month]+" "+year; 17 | document.getElementById("calendar-dates").appendChild(calendar); 18 | } 19 | 20 | function get_calendar(day_no, days){ 21 | var table = document.createElement('table'); 22 | var tr = document.createElement('tr'); 23 | 24 | //row for the day letters 25 | for(var c=0; c<=6; c++){ 26 | var td = document.createElement('td'); 27 | td.innerHTML = "SMTWTFS"[c]; 28 | tr.appendChild(td); 29 | } 30 | table.appendChild(tr); 31 | 32 | //create 2nd row 33 | tr = document.createElement('tr'); 34 | var c; 35 | for(c=0; c<=6; c++){ 36 | if(c == day_no){ 37 | break; 38 | } 39 | var td = document.createElement('td'); 40 | td.innerHTML = ""; 41 | tr.appendChild(td); 42 | } 43 | 44 | var count = 1; 45 | for(; c<=6; c++){ 46 | var td = document.createElement('td'); 47 | td.innerHTML = count; 48 | count++; 49 | tr.appendChild(td); 50 | } 51 | table.appendChild(tr); 52 | 53 | //rest of the date rows 54 | for(var r=3; r<=7; r++){ 55 | tr = document.createElement('tr'); 56 | for(var c=0; c<=6; c++){ 57 | if(count > days){ 58 | table.appendChild(tr); 59 | return table; 60 | } 61 | var td = document.createElement('td'); 62 | td.innerHTML = count; 63 | count++; 64 | tr.appendChild(td); 65 | } 66 | table.appendChild(tr); 67 | } 68 | return table; 69 | } -------------------------------------------------------------------------------- /calendar2/style.css: -------------------------------------------------------------------------------- 1 | #calendar-container{ 2 | padding: 10px; 3 | width: 210px; 4 | height: 240px; 5 | text-align: center; 6 | border: 1px solid #eee; 7 | border-radius: 10px; 8 | font-size: 16px; 9 | font-family: Arial; 10 | background-image: linear-gradient(#fff, #d3d3d3); 11 | } 12 | 13 | #calendar-container>div{ 14 | padding: 0; 15 | margin-bottom: 10px; 16 | } 17 | 18 | #calendar-month-year{ 19 | margin: 5px; 20 | } 21 | 22 | #calendar-dates>table>tr>td{ 23 | padding: 5px; 24 | } -------------------------------------------------------------------------------- /clock/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Clock 5 | 6 | 7 | 8 | 9 |
    10 | 00 11 | : 12 | 00 13 | : 14 | 00 15 |
    16 | 17 | -------------------------------------------------------------------------------- /clock/script.js: -------------------------------------------------------------------------------- 1 | var d,h,m,s,animate; 2 | 3 | function init(){ 4 | d=new Date(); 5 | h=d.getHours(); 6 | m=d.getMinutes(); 7 | s=d.getSeconds(); 8 | clock(); 9 | }; 10 | 11 | function clock(){ 12 | s++; 13 | if(s==60){ 14 | s=0; 15 | m++; 16 | if(m==60){ 17 | m=0; 18 | h++; 19 | if(h==24){ 20 | h=0; 21 | } 22 | } 23 | } 24 | $('sec',s); 25 | $('min',m); 26 | $('hr',h); 27 | animate=setTimeout(clock,1000); 28 | }; 29 | 30 | function $(id,val){ 31 | if(val<10){ 32 | val='0'+val; 33 | } 34 | document.getElementById(id).innerHTML=val; 35 | }; 36 | 37 | window.onload=init; -------------------------------------------------------------------------------- /clock/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | font-family:sans-serif; 5 | font-size:36px; 6 | } 7 | 8 | .clock{ 9 | text-align:center; 10 | width:auto; 11 | height:auto; 12 | } -------------------------------------------------------------------------------- /colorSlider/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ColorSlider 5 | 6 | 7 | 8 | 9 |

    Color Slider Example

    10 |
    11 |
    12 | 13 | 14 |

    0

    15 |
    16 |
    17 | 18 | 19 |

    0

    20 |
    21 |
    22 | 23 | 24 |

    0

    25 |
    26 |
    Color HEX: 000000
    27 | 28 | -------------------------------------------------------------------------------- /colorSlider/script.js: -------------------------------------------------------------------------------- 1 | var r,g,b; //value from input 2 | var rh='00',gh='00',bh='00'; //RGB value in hex 3 | var clrdiv = document.getElementById('color'); 4 | 5 | //get RGB 6 | function getRed(v){ 7 | r = parseInt(v); 8 | document.getElementById('redval').innerHTML = r; 9 | rh = (r < 16) ? "0"+r.toString(16) : r.toString(16); 10 | paint(); 11 | } 12 | 13 | function getGreen(v){ 14 | g = parseInt(v); 15 | document.getElementById('greenval').innerHTML=g; 16 | gh = (g < 16) ? "0"+g.toString(16) : g.toString(16); 17 | paint(); 18 | } 19 | 20 | function getBlue(v){ 21 | b = parseInt(v); 22 | document.getElementById('blueval').innerHTML=b; 23 | bh = (b < 16) ? "0"+b.toString(16) : b.toString(16); 24 | paint(); 25 | } 26 | 27 | //change color 28 | function paint(){ 29 | var c = (rh+gh+bh).toUpperCase(); 30 | document.getElementById('color').style.backgroundColor='#'+c; 31 | document.getElementById('colorhex').innerHTML=c; 32 | } 33 | 34 | -------------------------------------------------------------------------------- /colorSlider/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | h1{ 7 | text-align: center; 8 | padding: 20px; 9 | font-size: 40px; 10 | } 11 | 12 | #color{ 13 | display: block; 14 | clear: both; 15 | float: none; 16 | width: 256px; 17 | height: 256px; 18 | } 19 | 20 | div{ 21 | display: inline; 22 | float: left; 23 | padding: 20px; 24 | } -------------------------------------------------------------------------------- /guess-the-next-number/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Guess the next number 5 | 6 | 7 | 8 | 9 |
    10 |
    AI:
    11 |
    Your guess:
    12 |

    13 |

    14 |
    15 |
    16 |

    17 | 18 | 19 | 20 |

    21 |

    22 | 23 | 24 | 25 |

    26 |

    27 | 28 | 29 | 30 |

    31 |
    32 |
    33 |
    Score:
    34 |
    Guess remaining:
    35 | 36 |
    37 | 38 | -------------------------------------------------------------------------------- /guess-the-next-number/script.js: -------------------------------------------------------------------------------- 1 | //variables 2 | var score, guessRemaining, aiNum; 3 | 4 | //functions 5 | 6 | function reset(){ 7 | score = 0; 8 | guessRemaining = 5; 9 | document.getElementById('score').innerHTML=score; 10 | document.getElementById('guess-remaining').innerHTML=guessRemaining; 11 | document.getElementById('ai-number').innerHTML=''; 12 | document.getElementById('user-number').innerHTML=''; 13 | document.getElementById('msg').innerHTML='Start'; 14 | document.getElementById('result').innerHTML=''; 15 | ai(); 16 | }; 17 | 18 | function ai(){ 19 | aiNum = Math.floor(Math.random()*9)+1; 20 | }; 21 | 22 | function user(n){ 23 | document.getElementById('user-number').innerHTML=n; 24 | if(n==aiNum){ 25 | score++; 26 | document.getElementById('msg').innerHTML='Correct
    Make a new guess.'; 27 | }else{ 28 | document.getElementById('msg').innerHTML='Wrong
    Make a new guess.'; 29 | } 30 | guessRemaining--; 31 | displayResult(); 32 | }; 33 | 34 | function displayResult(){ 35 | document.getElementById('ai-number').innerHTML=aiNum; 36 | document.getElementById('score').innerHTML=score; 37 | document.getElementById('guess-remaining').innerHTML=guessRemaining; 38 | if(guessRemaining==0){ 39 | document.getElementById('result').innerHTML='Your score: '+score+' out of 5
    Click RESET to play again.'; 40 | }else{ 41 | ai(); 42 | } 43 | }; -------------------------------------------------------------------------------- /guess-the-next-number/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | font-family:sans-serif; 5 | } 6 | 7 | div{ 8 | text-align:center; 9 | padding:10px; 10 | } 11 | 12 | .output-container div{ 13 | width: 150px; 14 | font-size:24px; 15 | clear:both; 16 | display:inline-block; 17 | } 18 | 19 | .output-container p{ 20 | font-size:18px; 21 | padding:5px; 22 | } 23 | 24 | .button-container button{ 25 | width:50px; 26 | height:50px; 27 | font-size:25px; 28 | padding:5px; 29 | background-color:pink; 30 | border:none; 31 | } 32 | 33 | .button-container p{ 34 | padding:5px; 35 | } 36 | 37 | .score-container div{ 38 | font-size: 16px; 39 | padding:15px; 40 | } 41 | 42 | .score-container button{ 43 | width:80px; 44 | height:36px; 45 | font-size:15px; 46 | background-color:#0077ff; 47 | color:#ffffff; 48 | border:none; 49 | } -------------------------------------------------------------------------------- /navigationTab/README.txt: -------------------------------------------------------------------------------- 1 | Project video 2 | http://youtu.be/mZUk-DZQhOM 3 | 4 | Complete Playlist: 5 | https://www.youtube.com/playlist?list=PLG6ePePp5vvbWFx6RsfQnlFp1FkVRZNno 6 | 7 | Have fun coding. 8 | 9 | stay happy and keep smiling :-) 10 | 11 | yusufshakeel 12 | 13 | https://www.facebook.com/yusufshakeel 14 | https://www.youtube.com/yusufshakeel 15 | https://plus.google.com/+YusufShakeel 16 | http://yusufshakeelblog.blogspot.in 17 | https://github.com/yusufshakeel -------------------------------------------------------------------------------- /navigationTab/tab.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Navigation Tab 5 | 29 | 30 | 31 |
    32 | 40 |
    41 | 42 | -------------------------------------------------------------------------------- /navigationTab/tab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/navigationTab/tab.png -------------------------------------------------------------------------------- /navigationTab/tab2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Navigation Tab 5 | 35 | 36 | 37 |
    38 | 46 |
    47 | 48 |
    49 |

    Header

    50 |

    This is a paragraph

    51 |
    52 | 53 | 56 | 57 | -------------------------------------------------------------------------------- /navigationTab/tab2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/navigationTab/tab2.png -------------------------------------------------------------------------------- /navigationTab/tab3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Navigation Tab 5 | 38 | 39 | 40 |
    41 | 49 |
    50 | 51 |
    52 |

    Header

    53 |

    This is a paragraph

    54 |
    55 | 56 | 59 | 60 | -------------------------------------------------------------------------------- /navigationTab/tab3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yusufshakeel/Web-App/7b394c3cf7ef863e4ccfc1aae3e283f924657868/navigationTab/tab3.png --------------------------------------------------------------------------------