├── style.css ├── .gitignore ├── common.js ├── images ├── rose.jpg ├── cover.png ├── background.jpg ├── ruskinBond.jpg ├── strongRoots.jpg ├── thankYouMaam.jpg ├── theProposal.jpg ├── onKillingATree.jpg ├── poerryOfEarth.jpg ├── theEyeshaveIt.jpg ├── threeQuestions.jpg ├── asleepInTheValley.jpg └── shallICompareThee.jpg ├── README.md ├── fonts ├── Quicksand-Bold.ttf ├── Quicksand-Light.ttf ├── Quicksand-Medium.ttf ├── Quicksand-Regular.ttf └── Quicksand-SemiBold.ttf ├── icons ├── fullscreenOn.svg ├── fullscreenOff.svg ├── cross.svg ├── arrowRight.svg ├── search.svg ├── searchBlack.svg ├── pencil.svg ├── pencilBlack.svg ├── more.svg ├── back.svg ├── 3dot.svg ├── book.svg ├── fonta.svg ├── star.svg ├── starBlack.svg ├── starNo.svg ├── eye.svg ├── sun.svg ├── sunBlack.svg ├── setting.svg └── language.svg ├── fonts.css ├── dark.css ├── grid.css ├── common.css ├── more.html ├── index.html ├── main.js ├── more.css ├── window.js ├── dark.js ├── read.js ├── read9.html ├── read8.html ├── read.css ├── bookdata.js ├── read7.html ├── read6.html ├── read5.html ├── read4.html ├── main.css ├── main.html ├── read1.html ├── read.html ├── read2.html └── read3.html /style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | testing.html 2 | drag.js -------------------------------------------------------------------------------- /common.js: -------------------------------------------------------------------------------- 1 | document.body.onload = function(){ 2 | document.body.style.opacity="1"; 3 | 4 | } -------------------------------------------------------------------------------- /images/rose.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/rose.jpg -------------------------------------------------------------------------------- /images/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/cover.png -------------------------------------------------------------------------------- /images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/background.jpg -------------------------------------------------------------------------------- /images/ruskinBond.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/ruskinBond.jpg -------------------------------------------------------------------------------- /images/strongRoots.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/strongRoots.jpg -------------------------------------------------------------------------------- /images/thankYouMaam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/thankYouMaam.jpg -------------------------------------------------------------------------------- /images/theProposal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/theProposal.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Class XII English book web version 2 | # Open [Book](https://codeAbinash.github.io/English-Book-XII-WB/) -------------------------------------------------------------------------------- /fonts/Quicksand-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/fonts/Quicksand-Bold.ttf -------------------------------------------------------------------------------- /fonts/Quicksand-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/fonts/Quicksand-Light.ttf -------------------------------------------------------------------------------- /images/onKillingATree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/onKillingATree.jpg -------------------------------------------------------------------------------- /images/poerryOfEarth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/poerryOfEarth.jpg -------------------------------------------------------------------------------- /images/theEyeshaveIt.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/theEyeshaveIt.jpg -------------------------------------------------------------------------------- /images/threeQuestions.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/threeQuestions.jpg -------------------------------------------------------------------------------- /fonts/Quicksand-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/fonts/Quicksand-Medium.ttf -------------------------------------------------------------------------------- /fonts/Quicksand-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/fonts/Quicksand-Regular.ttf -------------------------------------------------------------------------------- /fonts/Quicksand-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/fonts/Quicksand-SemiBold.ttf -------------------------------------------------------------------------------- /images/asleepInTheValley.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/asleepInTheValley.jpg -------------------------------------------------------------------------------- /images/shallICompareThee.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeAbinash/English-Book-XII-WB/HEAD/images/shallICompareThee.jpg -------------------------------------------------------------------------------- /icons/fullscreenOn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/fullscreenOff.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/cross.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/arrowRight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/searchBlack.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/pencil.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/pencilBlack.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /fonts.css: -------------------------------------------------------------------------------- 1 | /*@font-face { 2 | font-family:qr; 3 | src: url("fonts/Quicksand-Regular.ttf"); 4 | }*/ 5 | @font-face { 6 | font-family:qm; 7 | src: url("fonts/Quicksand-Medium.ttf"); 8 | } 9 | /*@font-face { 10 | font-family:ql; 11 | src: url("fonts/Quicksand-Light.ttf"); 12 | }*/ 13 | @font-face { 14 | font-family:qb; 15 | src: url("fonts/Quicksand-Bold.ttf"); 16 | } 17 | @font-face { 18 | font-family:qsb; 19 | src: url("fonts/Quicksand-SemiBold.ttf"); 20 | } 21 | body{ 22 | font-family: qm; 23 | } -------------------------------------------------------------------------------- /icons/more.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /icons/back.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/3dot.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /icons/book.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/fonta.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/starBlack.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/starNo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/eye.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /icons/sun.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/sunBlack.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /icons/setting.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /dark.css: -------------------------------------------------------------------------------- 1 | /* :root{ 2 | --main-theme-color:white; 3 | --main-theme-color:black; 4 | 5 | --main-text-color:black; 6 | --main-text-color:white; 7 | 8 | --card-color:white; 9 | --card-color:#111; 10 | --theme-icon:invert(-1); 11 | --theme-icon:invert(1); 12 | 13 | --shadow-color:#00000020; 14 | --shadow-color:#ffffff55; 15 | 16 | --color:gold; 17 | --color:#70b8ff; 18 | 19 | --sub-text-color:#777; 20 | --sub-text-color:#ccc; 21 | --sub-text-color2:#aaa; 22 | --sub-text-color2:#ccc; 23 | 24 | --backdrop:#ffffff88; 25 | --backdrop:#00000088; 26 | 27 | --backdrop-light:#ffffff88; 28 | --backdrop-light:#000000bb; 29 | 30 | --backdrop-light2:#ffffffdd; 31 | --backdrop-light2:#000000aa; 32 | 33 | 34 | --shadow-color-light:#eee; 35 | --shadow-color-light:#ffffff20; 36 | --grid-border-color:#ddd; 37 | --grid-border-color:#555; 38 | } 39 | 40 | */ 41 | -------------------------------------------------------------------------------- /grid.css: -------------------------------------------------------------------------------- 1 | 2 | .grid.one,.grid.two,.grid.three{ 3 | width: 88%; 4 | min-height: 100px; 5 | height: auto; 6 | display: block; 7 | margin:10px auto; 8 | border-radius: 10px; 9 | } 10 | 11 | .grid.two{ 12 | display: flex; 13 | justify-content:space-between; 14 | } 15 | .grid.two>div{ 16 | width:calc(50% - 5px); 17 | min-height: 100%; 18 | height: auto; 19 | border-radius: 10px; 20 | padding: 10px; 21 | } 22 | .grid.two>div p{ 23 | font-family: qsb; 24 | } 25 | 26 | .grid.three{ 27 | height: 210px; 28 | display: flex; 29 | justify-content:space-between; 30 | align-items: center; 31 | } 32 | .grid.three>div{ 33 | width: calc(50% - 5px); 34 | height: 100%; 35 | border-radius: 10px; 36 | } 37 | .grid.three .right{ 38 | display: flex; 39 | justify-content: space-between; 40 | flex-direction: column; 41 | align-items: center; 42 | } 43 | .grid.grid.three .right>div{ 44 | display: flex; 45 | height: 100px; 46 | width: calc(100%); 47 | border-radius: 10px; 48 | } 49 | .b{ 50 | border: 1px solid var(--grid-border-color); 51 | } 52 | -------------------------------------------------------------------------------- /common.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | html{ 7 | background-color: var(--main-theme-color); 8 | } 9 | body{ 10 | opacity: 0; 11 | transition: 0.5s opacity,0.3s color,0.3s transform; 12 | } 13 | .center{ 14 | text-align: center; 15 | } 16 | .line{ 17 | height: 1px; 18 | width: 88%; 19 | background-color: var(--shadow-color); 20 | margin: 50px auto; 21 | } 22 | /* .main::-webkit-scrollbar { 23 | width: 3px; 24 | } 25 | .main::-webkit-scrollbar-track { 26 | background:var(--main-theme-color); 27 | } 28 | 29 | .main::-webkit-scrollbar-thumb { 30 | background: var(--sub-text-color2); 31 | border-radius: 100px; 32 | } 33 | 34 | .main::-webkit-scrollbar-thumb:hover { 35 | background:var(--sub-text-color); 36 | }*/ 37 | 38 | html{ 39 | scroll-behavior: smooth; 40 | background-color: var(--main-theme-color); 41 | } 42 | a{ 43 | color: var(--color); 44 | text-decoration: none; 45 | cursor: default; 46 | } 47 | a:visited{ 48 | color: var(--color); 49 | } 50 | .littleText a:active{ 51 | text-decoration: underline; 52 | } 53 | .press{ 54 | transition: 0.2s ease-out transform; 55 | } 56 | .press:active{ 57 | transform: scale(0.95); 58 | } 59 | .pressS{ 60 | transition: 0.2s ease-out transform; 61 | } 62 | .pressS:active{ 63 | transform: scale(0.9); 64 | } 65 | -------------------------------------------------------------------------------- /more.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | More 12 | 13 | 14 |
15 |
16 | back 17 |

More Options

18 |
19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 |
29 | 30 |
31 |
32 | 33 |
34 |
35 |
36 | 37 |
38 |
39 | 40 |
41 |
42 |
43 |
44 |
45 | 46 |
47 |
48 |
49 |
50 | 51 | 52 | 53 |
54 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | English XII 11 | 12 | 33 | 34 | 35 | 36 | 37 | 38 | 58 | 59 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | var searchBox = document.querySelector("section .search"); 2 | var searchInput = document.querySelector("section .search input"); 3 | var nav = document.querySelector("body section .nav"); 4 | var header = document.querySelector("header"); 5 | 6 | function search(){ 7 | searchBox.style.zIndex="1001"; 8 | searchBox.style.top = "-0.1px"; 9 | setTimeout(() => { 10 | searchInput.focus(); 11 | },100); 12 | nav.style.bottom = "0px"; 13 | } 14 | function reverseSearch(){ 15 | searchBox.style.top = "-60px"; 16 | setTimeout(() => {searchBox.style.zIndex="";}, 200); 17 | searchInput.blur(); 18 | nav.style.bottom = "-61px"; 19 | } 20 | 21 | function clicked(elem){ 22 | elem.style.height="100vh"; 23 | elem.style.width="95vw"; 24 | elem.style.opacity="0"; 25 | header.style.top="-70px"; 26 | } 27 | 28 | 29 | 30 | 31 | var sun = document.getElementById("sun"); 32 | var rotateVar = 0; 33 | sun.style.transition="0.7s linear transform"; 34 | //Get variable in 35 | var darkText = document.querySelector("#darkSwitchText"); 36 | darkText.innerHTML = localStorage.darkModeEnabledMindScapes; 37 | let applyDarkThemeMain = ()=>{ 38 | var darkStatus = localStorage.darkModeEnabledMindScapes; 39 | if(darkStatus=="Light Mode"){ 40 | localStorage.darkModeEnabledMindScapes = "Dark Mode"; 41 | darkText.innerHTML = "Dark Mode"; 42 | }else if(darkStatus=="Dark Mode"){ 43 | localStorage.darkModeEnabledMindScapes = "Light Mode"; 44 | darkText.innerHTML = "Light Mode"; 45 | } 46 | rotateVar+=360; 47 | applyTheme(); 48 | sun.style.transform = `rotate(${rotateVar}deg)`; 49 | }; 50 | -------------------------------------------------------------------------------- /more.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-color:var(--main-theme-color); 3 | color: var(--main-text-color); 4 | display: flex; 5 | justify-content: center; 6 | align-items: center; 7 | } 8 | .main{ 9 | width: 100%; 10 | height: auto; 11 | } 12 | header{ 13 | height: 70px; 14 | width: 100%; 15 | display: flex; 16 | align-items: center; 17 | font-family: qb; 18 | margin-bottom: 10px; 19 | } 20 | header p{ 21 | font-size: 1.2em; 22 | } 23 | header img{ 24 | height: 17px; 25 | width: auto; 26 | padding: 0 10px 0 20px; 27 | filter: var(--theme-icon); 28 | } 29 | .twoDiv{ 30 | width: 85%; 31 | height: 100px; 32 | display: flex; 33 | margin: 10px auto; 34 | justify-content: space-between; 35 | align-items: center; 36 | } 37 | .twoDiv>div{ 38 | height: 100px; 39 | width: calc(50% - 5px); 40 | border-radius: 10px; 41 | } 42 | .oneDiv{ 43 | height: 100px; 44 | width: 85%; 45 | display: flex; 46 | margin: 5px auto; 47 | border-radius: 10px; 48 | } 49 | 50 | .threeDiv{ 51 | height: auto; 52 | width: 85%; 53 | display: flex; 54 | margin: 10px auto; 55 | justify-content: space-between; 56 | } 57 | .threeDiv>div{ 58 | height: 200px; 59 | width: calc(50% - 5px); 60 | border-radius: 10px; 61 | } 62 | .threeDiv .right{ 63 | display: flex; 64 | flex-direction: column; 65 | justify-content: space-between; 66 | 67 | } 68 | .threeDiv .right>div{ 69 | height: calc(50% - 5px); 70 | border-radius: 10px; 71 | } 72 | 73 | 74 | .b{ 75 | border: 1px solid var(--sub-text-color2); 76 | } 77 | @media screen and (min-width:800px) { 78 | .main{ 79 | width: 800px; 80 | } 81 | header img{ 82 | padding: 0 10px 0 0px; 83 | } 84 | .oneDiv,.threeDiv,.twoDiv{ 85 | width: 100%; 86 | } 87 | } -------------------------------------------------------------------------------- /window.js: -------------------------------------------------------------------------------- 1 | $d = {}; 2 | $d.openPage = function(loc="back",type="left",time=200){ 3 | switch (type) { 4 | case "top-right": 5 | document.body.style.transform="translateX(-100vw) translateY(100vh)"; 6 | break; 7 | case "top-left": 8 | document.body.style.transform="translateX(100vw) translateY(100vh)"; 9 | break; 10 | case "bottom-left": 11 | document.body.style.transform="translateX(-100vw) translateY(-100vh)"; 12 | break; 13 | case "bottom-right": 14 | document.body.style.transform="translateX(100vw) translateY(-100vh)"; 15 | break; 16 | case "bottom": 17 | document.body.style.transform="translateY(-100vh)"; 18 | break; 19 | case "top": 20 | document.body.style.transform="translateY(100vh)"; 21 | break; 22 | case "right": 23 | document.body.style.transform="translateX(-100vh)"; 24 | break; 25 | case "left": 26 | document.body.style.transform="translateX(100vh)"; 27 | break; 28 | default: 29 | break; 30 | } 31 | 32 | setTimeout(() => { 33 | if(loc=="back") 34 | window.history.back(); 35 | else 36 | window.location.assign(loc); 37 | }, time); 38 | } 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | /* Get the documentElement () to display the page in fullscreen */ 56 | var elem = document.documentElement; 57 | 58 | /* View in fullscreen */ 59 | function openFullscreen() { 60 | if (elem.requestFullscreen) { 61 | elem.requestFullscreen(); 62 | } else if (elem.webkitRequestFullscreen) { /* Safari */ 63 | elem.webkitRequestFullscreen(); 64 | } else if (elem.msRequestFullscreen) { /* IE11 */ 65 | elem.msRequestFullscreen(); 66 | } 67 | } 68 | 69 | /* Close fullscreen */ 70 | function closeFullscreen() { 71 | if (document.exitFullscreen) { 72 | document.exitFullscreen(); 73 | } else if (document.webkitExitFullscreen) { /* Safari */ 74 | document.webkitExitFullscreen(); 75 | } else if (document.msExitFullscreen) { /* IE11 */ 76 | document.msExitFullscreen(); 77 | } 78 | } -------------------------------------------------------------------------------- /icons/language.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /dark.js: -------------------------------------------------------------------------------- 1 | //if the value is undefined set value system 2 | if(!(localStorage.darkModeEnabledMindScapes)) 3 | localStorage.darkModeEnabledMindScapes = "Light Mode"; 4 | 5 | //localStorage.darkModeEnabledMindScapes = ""; 6 | var root = document.querySelector(":root"); 7 | //true - dark mode on 8 | //false - dark mode off 9 | //system - system dark/light 10 | //if(localStorage.darkModeEnabledMindScapes=="true") 11 | /* 12 | */ 13 | function applyTheme(){ 14 | var currentTheme = localStorage.darkModeEnabledMindScapes; 15 | if(currentTheme=="Light Mode") 16 | applyLightTheme(); 17 | else if(currentTheme=="Dark Mode") 18 | applyDarkTheme(); 19 | else 20 | applyLightTheme(); 21 | } 22 | 23 | function applyDarkTheme(){ 24 | root.style.setProperty('--main-theme-color', 'black'); 25 | root.style.setProperty('--main-text-color', '#eee'); 26 | root.style.setProperty('--card-color', '#111'); 27 | root.style.setProperty('--theme-icon', 'invert(1)'); 28 | root.style.setProperty('--shadow-color', '#ffffff44'); 29 | root.style.setProperty('--color', '#4ea6fd'); 30 | root.style.setProperty('--sub-text-color', '#aaa'); 31 | root.style.setProperty('--sub-text-color2', '#aaa'); 32 | root.style.setProperty('--backdrop', '#00000066'); 33 | root.style.setProperty('--backdrop-light', '#00000088'); 34 | root.style.setProperty('--backdrop-light2', '#000000aa'); 35 | root.style.setProperty('--shadow-color-light', '#ffffff20'); 36 | root.style.setProperty('--grid-border-color', '#555'); 37 | } 38 | function applyLightTheme(){ 39 | root.style.setProperty('--main-theme-color', 'white'); 40 | root.style.setProperty('--main-text-color', 'black'); 41 | root.style.setProperty('--card-color', 'white'); 42 | root.style.setProperty('--theme-icon', 'invert(-1)'); 43 | root.style.setProperty('--shadow-color', '#00000020'); 44 | root.style.setProperty('--color', 'dodgerBlue'); 45 | root.style.setProperty('--sub-text-color', '#777'); 46 | root.style.setProperty('--sub-text-color2', '#aaa'); 47 | root.style.setProperty('--backdrop', '#ffffff88'); 48 | root.style.setProperty('--backdrop-light', '#ffffffaa'); 49 | root.style.setProperty('--backdrop-light2', '#ffffffcc'); 50 | root.style.setProperty('--shadow-color-light', '#eee'); 51 | root.style.setProperty('--grid-border-color', '#ccc'); 52 | } 53 | applyTheme(); -------------------------------------------------------------------------------- /read.js: -------------------------------------------------------------------------------- 1 | var options = document.querySelector("#options"); 2 | var more = document.querySelector("#more"); 3 | var isMoreOpen = -1; 4 | const clickedMore = ()=>{ 5 | isMoreOpen*=-1; 6 | if(isMoreOpen==1) 7 | openMoreOptions(); 8 | else 9 | closeMoreOptions(); 10 | } 11 | function openMoreOptions(){ 12 | options.style.top = "15px"; 13 | more.src="icons/back.svg"; 14 | more.style.transform="rotate(90deg)"; 15 | } 16 | function closeMoreOptions(){ 17 | options.style.top="calc(-400px - 140px + 15px + 50px)"; 18 | more.src="icons/3dot.svg"; 19 | more.style.transform="rotate(0deg)"; 20 | } 21 | function switchFullScreen(){ 22 | if((window.fullScreen) ||(window.innerWidth == screen.width && window.innerHeight == screen.height)) { 23 | closeFullscreen(); 24 | document.querySelector("#fullscreen").src="icons/fullscreenOn.svg"; 25 | } else { 26 | openFullscreen(); 27 | document.querySelector("#fullscreen").src="icons/fullscreenOff.svg"; 28 | } 29 | clickedMore(); 30 | } 31 | 32 | 33 | /*let switchDarkThemeRead = ()=>{ 34 | 35 | isDarkModeEnabled*=-1; 36 | if(isDarkModeEnabled==1) 37 | applyLightTheme(); 38 | else 39 | applyDarkTheme(); 40 | 41 | applyTheme(); 42 | clickedMore(); 43 | }; 44 | */ 45 | let openFontSettingWindow = ()=>{ 46 | $(".fontWindow").toggle(); 47 | clickedMore(); 48 | }; 49 | 50 | $(".done").click(function () { 51 | $(".fontWindow").hide(); 52 | }); 53 | 54 | let switchDarkThemeRead = ()=>{ 55 | var darkStatus = localStorage.darkModeEnabledMindScapes; 56 | if(darkStatus=="Light Mode"){ 57 | localStorage.darkModeEnabledMindScapes = "Dark Mode"; 58 | }else if(darkStatus=="Dark Mode"){ 59 | localStorage.darkModeEnabledMindScapes = "Light Mode"; 60 | } 61 | applyTheme(); 62 | clickedMore(); 63 | }; 64 | 65 | //localStorage.fontSizeMindScapes=""; 66 | //Set font storage light if it is opened for 1st time 67 | if(!(localStorage.fontsMindScapes)) 68 | localStorage.fontsMindScapes='qm'; 69 | document.querySelector(".mainText").style.fontFamily = localStorage.fontsMindScapes; 70 | if(!(localStorage.fontSizeMindScapes)) 71 | localStorage.fontSizeMindScapes="1"; 72 | 73 | 74 | function applyFont(type){ 75 | document.querySelector(".mainText").style.fontFamily =localStorage.fontsMindScapes=type; 76 | } 77 | 78 | var fontSize=(val)=>{ 79 | 80 | if(val=='+') 81 | if(Number(localStorage.fontSizeMindScapes)<2.95) 82 | localStorage.fontSizeMindScapes = Number(localStorage.fontSizeMindScapes) + 0.05; 83 | if(val=='-'){ 84 | if(Number(localStorage.fontSizeMindScapes)>0.5) 85 | localStorage.fontSizeMindScapes = Number(localStorage.fontSizeMindScapes) - 0.05; 86 | } 87 | applyFontsSize(); 88 | } 89 | 90 | 91 | 92 | let applyFontsSize =()=>{ 93 | document.querySelector(".mainText").style.fontSize = localStorage.fontSizeMindScapes+"em"; 94 | document.getElementById("fontSize").innerText= Number(localStorage.fontSizeMindScapes).toFixed(2); 95 | } 96 | applyFontsSize(); 97 | 98 | 99 | 100 | 101 | //Night mode 102 | function readingMode(){ 103 | $(".main").toggleClass("readingMode"); 104 | clickedMore(); 105 | } 106 | 107 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /read9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Dark Rose

55 |

Abinash Karmakar

56 |
57 |
58 | 59 |

60 |
61 |

Contact :

62 |

Email : darkrosesoftware@gmail.com

63 |

Facebook : https://www.facebook.com/Abinash.Dark.Rose

64 |
65 |
66 | 75 |
76 |

Font Settings

77 |

Font Size :

78 |
79 |
-
80 |
25
81 |
+
82 |
83 |

Font Width :

84 |

Light

85 |

Medium

86 |

Bold

87 |

Done

88 |
89 | 90 | 91 |
92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /read8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

The Proposal

55 |

Anton Chekov

56 |
57 |
58 | 59 |
60 | 61 |
62 | 63 |
64 |

Will come in the next version

65 |
66 |
67 | 114 |
115 |

Font Settings

116 |

Font Size :

117 |
118 |
-
119 |
25
120 |
+
121 |
122 |

Font Width :

123 |

Light

124 |

Medium

125 |

Bold

126 |

Done

127 |
128 | 129 | 130 |
131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | -------------------------------------------------------------------------------- /read.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | color: var(--main-text-color); 4 | background-color: var(--main-theme-color); 5 | } 6 | .main{ 7 | width: 100vw; 8 | height: auto; 9 | z-index:1005; 10 | } 11 | .readingMode{ 12 | box-shadow: 0 0 0 100000px rgba(255, 217, 0, 0.178) inset; 13 | } 14 | *{ 15 | padding: 0; 16 | margin: 0; 17 | box-sizing: border-box; 18 | } 19 | header{ 20 | width: 100%; 21 | height: auto; 22 | display: flex; 23 | flex-direction: column; 24 | } 25 | header .backDiv{ 26 | height: 50px; 27 | width: 50px; 28 | background-color: var(--backdrop-light); 29 | backdrop-filter: blur(5px); 30 | border-radius: 50%; 31 | box-shadow: 1px 1px 10px 0px #99999955; 32 | display: flex; 33 | justify-content: center; 34 | align-items: center; 35 | position: fixed; 36 | top: 15px; 37 | z-index:1000; 38 | } 39 | header .backDiv{ 40 | left: 15px; 41 | } 42 | 43 | 44 | header .backDiv:hover{ 45 | filter: brightness(0.8); 46 | } 47 | header .backDiv img{ 48 | filter:var(--theme-icon); 49 | width:45%; 50 | } 51 | header .optionsDiv{ 52 | height: calc(400px + 140px); /* 50*8 + 20*7*/ 53 | width: 50px; 54 | position: fixed; 55 | background-color: transparent; 56 | /*top:px;*//*-250px - 80px + 15px + 47px*/ 57 | /* top: 15px; */ 58 | top:calc(-400px - 140px + 15px + 50px); 59 | right: 15px; 60 | display: flex; 61 | flex-direction: column; 62 | justify-content: space-between; 63 | align-items: center; 64 | transition: 0.2s ease-out top; 65 | z-index:1000; 66 | max-height: 100vh; 67 | overflow: show; 68 | } 69 | header .optionsDiv .option{ 70 | height: 50px; 71 | width: 50px; 72 | background-color: var(--backdrop-light); 73 | backdrop-filter: blur(5px); 74 | box-shadow: 1px 1px 10px 0px #99999955; 75 | display: flex; 76 | justify-content: center; 77 | align-items: center; 78 | border-radius: 50%; 79 | } 80 | header .optionsDiv .option img{ 81 | filter: var(--theme-icon); 82 | width: 45%; 83 | } 84 | #more{ 85 | transition: 0.4s linear transform; 86 | } 87 | 88 | 89 | header .firstImage{ 90 | width: 100%; 91 | height: auto; 92 | display: block; 93 | margin:0 auto 0px auto; 94 | } 95 | header .heading{ 96 | text-align: center; 97 | margin: 30px auto 0px auto; 98 | } 99 | header .author{ 100 | color: var(--color); 101 | margin: 0px auto 15px auto; 102 | } 103 | 104 | .textDiv{ 105 | padding: 17px; 106 | } 107 | .textDiv .authDetail{ 108 | text-align: justify; 109 | font-size: 1em; 110 | margin: 10px auto; 111 | color: var(--main-text-color); 112 | } 113 | /* .textDiv .mainText:first-child::first-letter{ 114 | color: blue; 115 | 116 | } */ 117 | .textDiv .mainText .text{ 118 | font-size: 1.05em; 119 | text-indent: 20px; 120 | text-align: justify; 121 | margin: 20px auto; 122 | } 123 | footer{ 124 | height: auto; 125 | width: 100%; 126 | padding: 17px; 127 | } 128 | footer .done{ 129 | height: auto; 130 | width:100%; 131 | background-color: rgba(4, 211, 114,0.15); 132 | display: flex; 133 | margin:15px auto; 134 | border-radius: 10px; 135 | justify-content: center; 136 | align-items: center; 137 | color: rgb(4, 211, 114); 138 | font-family: qsb; 139 | padding: 20px; 140 | } 141 | 142 | .twoDiv{ 143 | width: 100%; 144 | height: 100px; 145 | display: flex; 146 | margin: 10px auto; 147 | justify-content: space-between; 148 | align-items: center; 149 | } 150 | .twoDiv>div{ 151 | height: 100px; 152 | width: calc(50% - 5px); 153 | border-radius: 10px; 154 | } 155 | .oneDiv{ 156 | height: 100px; 157 | width: 100%; 158 | margin: 5px auto; 159 | border-radius: 10px; 160 | } 161 | 162 | .threeDiv{ 163 | height: auto; 164 | width: 100%; 165 | display: flex; 166 | margin: 10px auto; 167 | justify-content: space-between; 168 | } 169 | .threeDiv>div{ 170 | height: 200px; 171 | width: calc(50% - 5px); 172 | border-radius: 10px; 173 | } 174 | .threeDiv .right{ 175 | display: flex; 176 | flex-direction: column; 177 | justify-content: space-between; 178 | 179 | } 180 | .threeDiv .right>div{ 181 | height: calc(50% - 5px); 182 | border-radius: 10px; 183 | } 184 | .aGrid{ 185 | padding: 15px; 186 | display: flex; 187 | justify-content: center; 188 | flex-direction: column; 189 | } 190 | .aGrid h1{ 191 | font-size: 1.5em; 192 | } 193 | .aGrid p{ 194 | font-family: qsb; 195 | } 196 | .b{ 197 | border: 1px solid var(--sub-text-color2); 198 | } 199 | 200 | 201 | 202 | .fontWindow{ 203 | height: auto; 204 | width: 85vw; 205 | position: fixed; 206 | top: 50%; 207 | left: 50%; 208 | background-color: var(--backdrop); 209 | backdrop-filter:blur(15px); 210 | transform: translate(-50%,-50%); 211 | border-radius: 10px; 212 | padding: 20px; 213 | border: 0.1px solid var(--sub-text-color); 214 | display: none; 215 | 216 | } 217 | .fontWindow h1{ 218 | font-size: 1.3em; 219 | } 220 | .fontWindow .controls{ 221 | height: auto; 222 | width: 100%; 223 | display: flex; 224 | justify-content:space-around; 225 | align-items: center; 226 | } 227 | .fontWindow .controls div{ 228 | height: 50px; 229 | width: 50px; 230 | display: flex; 231 | border-radius: 50%; 232 | justify-content: center; 233 | align-items: center; 234 | font-size: 1.5em; 235 | } 236 | .fontWindow .controls div:active{ 237 | background-color: var(--sub-text-color2); 238 | } 239 | .fontWindow p{ 240 | padding: 15px; 241 | margin: 5px; 242 | font-family: qsb; 243 | border: 1px solid var(--sub-text-color); 244 | border-radius: 5px; 245 | } 246 | .cursorPoint{ 247 | cursor: default; 248 | } 249 | 250 | @media screen and (min-width: 800px) { 251 | header{ 252 | flex-direction: row; 253 | } 254 | header .firstImage{ 255 | width: 50%; 256 | } 257 | header .desc{ 258 | width: 50%; 259 | height: inherit; 260 | display: flex; 261 | justify-content: center; 262 | align-items: center; 263 | flex-direction: column; 264 | } 265 | *{ 266 | overflow-x: hidden; 267 | } 268 | .textDiv{ 269 | margin: 50px; 270 | } 271 | .textDiv .authDetail{ 272 | font-size: 1.6em; 273 | font-family: qsb; 274 | } 275 | .textDiv .mainText .text{ 276 | font-size: 1.7em; 277 | } 278 | footer{ 279 | width: 800px; 280 | display: block; 281 | margin: auto; 282 | } 283 | .fontWindow{ 284 | width: 500px; 285 | } 286 | .cursorPoint{ 287 | cursor: pointer; 288 | } 289 | } 290 | -------------------------------------------------------------------------------- /bookdata.js: -------------------------------------------------------------------------------- 1 | /*class bookData{ 2 | constructor(image,title,author,about,text){ 3 | this.image = image; 4 | this.title=title; 5 | this.author=author; 6 | this.about = about; 7 | this.text=text; 8 | } 9 | } 10 | var allBooks = [ 11 | new bookData(0,0,0,0,0), 12 | new bookData( 13 | "images/theEyeshaveIt.jpg", 14 | "The Eyes Have It", 15 | "Ruskin Bond", 16 | "

The Eyes Have It

Ruskin Bond

", 17 | '

Ruskin Bond(1934-) : is a widely read writer of Indian origin who writes in English. The setting for most of his stories are the hills of the Himalayas. Among his most notable works are The Room on the Roof, The Angry River, Rain in the Mountains.

In this story Bond exploits the situational irony that originates between two people who meet by chance in railway compartment. The young man and the girl are unaware of their individual blindness and converse with each other from the conviction that both of them can see.


I had the train compartment to myself up to Rohana, then a girl got in. The couple who saw her off were probably her parents; they seemed very anxious about her comfort, and the woman gave the girl detailed instructions as to where to keep her things, when not to lean out of windows, and how to avoid speaking to strangers.

They called their goodbyes and the train pulled out of the station. As I was totally blind at the time, my eyes sensitive only to light and darkness, I was unable to tell what the girl looked like; but I knew she wore slippers from the way they slapped against her heels.

It would take me some time to discover something about her looks, and perhaps I never would. But I liked the sound of her voice, and even the sound of her slippers.

"Are you going all the way to Dehra?" I asked.

must have been sitting in a dark corner, because my voice startled her. She I gave a little exclamation and said, "I didn't know anyone else was here."

Well, it often happens that people with good eyesight fail to see what is right in front of them. They have too much to take in, I suppose. Whereas people who cannot see (or see very little) have to take in only the essentials, whatever registers most tellingly on their remaining senses.

"I didn't see you either," I said. "But I heard you come in."

I wondered if I would be able to prevent her from discovering that I was blind. Provided I keep to my seat, I thought, it shouldn't be too difficult.

The girl said, "I'm getting off at Saharanpur. My aunt is meeting me there."

"Then I had better not get too familiar," I replied. "Aunts are usually formidable creatures."

"Where are you going?" she asked.

"To Dehra, and then to Mussoorie."

"Oh, how lucky you are. I wish I were going to Mussoorie.I love the hills. Especially in October."

"Yes, this is the best time," I said, calling on my memories. "The hills are covered with wild dahlias, the sun is delicious, and at night you can sit in front of a logfire and drink a little brandy. Most of the tourists have gone, and the roads are quiet and almost deserted. Yes, October is the best time."

She was silent. I wondered if my words had touched her, or whether she thought me a romantic fool. Then I made a mistake.

"What is it like outside?" I asked.

She seemed to find nothing strange in the question. Had she noticed already that I could not see? But her next question removed my doubts.

"Why don't you look out of the window?" she asked.

I moved easily along the berth and felt for the window ledge. The window was open, and I faced it, making a pretence of studying the landscape. I heard the panting of the engine, the rumble of the wheels, and, in my mind's eye, I could see telegraph posts flashing by.

"Have you noticed," I ventured, "that the trees seem to be moving while we seem to be standing still?"

"That always happens," she said. "Do you see any animals?"

"No,"I answered quite confidently. I knew that there were hardly any animals left in the forests near Dehra.

I turned from the window and faced the girl, and for a while we sat in silence.

"You have an interesting face," I remarked. I was becoming quite daring, but it was a safe remark. Few girls can resist flattery. She laughed pleasantly-a clear, ringing laugh.

"It's nice to be told I have an interesting face. I'm tired of people telling me I have a pretty face."

Oh, so you do have a pretty face, thought I-and aloud I said: "Well, an interesting face can also be pretty."

"You are a very gallant young man," she said, "but why are you so serious?" I thought, then, I would try to laugh for her, but the thought of laughter only made me feel troubled and lonely.

"We'll soon be at your station," I said.

"Thank goodness it's a short journey. I can't bear to sit in a train for more than two-or-three hours."

Yet I was prepared to sit there for almost any length of time,just to listen to her talking. Her voice had the sparkle of a mountain stream. As soon as she left the train, she would forget our brief encounter; but it would stay with me for the rest of the journey, and for some time after.

The engine's whistle shrieked, the carriage wheels changed their sound and rhythm, the girl got up and began to collect her things. I wondered if she wore her hair in bun, or if it was plaited; perhaps it was hanging loose over her shoulders, or was it cut very short?

The train drew slowly into the station. Outside, there was the shouting of porters and vendors and a high-pitched female voice near the carriage door; that voice must have belonged to the girl's aunt.

"Goodbye," the girl said.

She was standing very close to me, so close that the perfume from her hair was. I wanted to raise my hand and touch her hair, but she moved away. Only the scent of perfume still lingered where she had stood.

There was some confusion in the doorway. A man, getting into the compartment, stammered an apology. Then the door banged, and the world was shut out again. I returned to my berth. The guard blew his whistle and we moved off. Once again, I had a game to play and a new fellow-traveller.

The train gathered speed, the wheels took up their song, the carriage groaned and shook. I found the window and sat in front of it, staring into the daylight that was darkness for me.

So many things were happening outside the window: it could be a fascinating game, guessing what went on out there.

The man who had entered the compartment broke into my reverie.

You must be disappointed," he said. "I'm not nearly as attractive a travelling companion as the one who just left."

"She was an interesting girl," I said. "Can you tell me-did she keep her hair long or short?"

"I don't remember," he said, sounding puzzled. "It was her eyes I noticed, not her hair. She had beautiful eyes-but they were of no use to her. She was completely blind. Didn't you notice?"

', 18 | ), 19 | ]; 20 | */ -------------------------------------------------------------------------------- /read7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |
17 |
18 | back 19 |
20 | 21 |
22 |
23 | More 24 |
25 |
26 | More 27 |
28 |
29 | More 30 |
31 |
32 |

A

33 |
34 |
35 | More 36 |
37 |
38 | More 39 |
40 |
41 | More 42 |
43 |
44 | More 45 |
46 |
47 | 48 | Chapter image 49 |
50 |

The Poetry of Earth

51 |

Jhon Keats

52 |
53 |
54 |
55 |

John Keats (1795-1821) was a noted poet of the English Romantic Movement. He belonged to the second generation of Romantic poets who came after Coleridge and Wordsworth. He is known for his vivid imagery which are noted for their sensuous appeal. Some of his famous works are Ode to a Nightingale, Hyperion and Isabella.

56 |

The argument put forward by Keats in this poem is that, the natural music of the earth never ceases to play through the cycle of seasons. The poem is a sonnet in which the song of the grasshopper is embodied in the octave and that of the cricket is portrayed in the sestet.

57 |
58 | 59 |
60 |

The poetry of earth is never dead.

61 |

When all the birds are faint with the hot sun,

62 |

And hide in cooling trees, a voice will run

63 |

From hedge to hedge about the new-mown mead;

64 |

That is the Grasshopper'-he takes the lead

65 |

In summer luxury, - he has never done

66 |

With his delights; for when tired out with fun

67 |

He rests at ease beneath some pleasant weed.

68 |

The poetry of earth is ceasing never:

69 |

On a lone winter evening, when the frost

70 |

Has wrought a silence, from the stove there shrills

71 |

The Cricket's song, in warmth increasing ever,

72 |

And seems to one in drowsiness half lost,

73 |

The Grasshopper's among some grassy hills.

74 |
75 |
76 | 123 |
124 |

Font Settings

125 |

Font Size :

126 |
127 |
-
128 |
25
129 |
+
130 |
131 |

Font Width :

132 |

Light

133 |

Medium

134 |

Bold

135 |

Done

136 |
137 | 138 | 139 |
140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | -------------------------------------------------------------------------------- /read6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Shall I compare thee to a summer's day?

55 |

William Shakespeare

56 |
57 |
58 | 59 |
60 |

William Shakespeare 61 | (1564-1616) was a famous English poet and dramatist sixteenth century. He wrote sonnets, tragedies, comedies and historical of his noted works are Macbeth, Midsummer Night's Dream, Venus and Adonis. 62 |

63 |

Shakespeare wrote 154 sonnets. Shakespearean sonnet has fourteen lines, ending in a rhymed couplet. In this poem Shakespear enquires into the theme of the destruction brought by time and the eternal quality of art which transcends the ravages of time

64 |
65 | 66 |
67 |

Shall hall I compare thee to a summer's day?

68 |

Thou art more lovely and more temperate.

69 |

Rough winds do shake the darling buds of May,

70 |

And summer's lease hath all too short a date.

71 |

Sometime too hot the eye of heaven shines,

72 |

And often is his gold complexion dimmed;

73 |

And every fair from fair sometime declines,

74 |

By chance, or nature's changing course untrimmed.

75 |

But thy eternal summer shall not fade

76 |

Nor lose possession of that fair thou ow'st

77 |

Nor shall death brag thou wand'rest in his shade,

78 |

When in eternal lines to time thou grow'st,

79 |

So long as men can breathe or eyes can see,

80 |

So long lives this, and this gives life to thee.

81 |
82 |
83 | 130 |
131 |

Font Settings

132 |

Font Size :

133 |
134 |
-
135 |
25
136 |
+
137 |
138 |

Font Width :

139 |

Light

140 |

Medium

141 |

Bold

142 |

Done

143 |
144 | 145 | 146 |
147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | -------------------------------------------------------------------------------- /read5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Asleep In The Valley

55 |

Arthur Rimbaud

56 |
57 |
58 | 59 |
60 |

Jean Nicolas Arthur Rimband 61 | (1854-1891) was a French poem from the nineteenth century. He started writing poetry even before he reached his teens. He stopped writing poetry at the age of nineteen. His major works include To Music, Evening prayer. The present poem, originally titled Le Dormeur le Val, was included in his collection of poetry called, Poesis (1872).

62 |

This poem is written in the model of the Italian sonnet that has fourteen lines divided as octave and sestet. The poet explores the inherent futility of war. This theme is expressed in the contrasting images of a bountiful nature as background and the tragic death of a young soldier in the midst of nature's splendour.

63 |
64 |
65 |

A small green valley where a slow stream flows

66 |

And leaves long strands of silver on the bright

67 |

Grass; from the mountain top stream the Sun's

68 |

Rays; they fill the hollow full of light.

69 |

A soldier, very young, lies open-mouthed,

70 |

A pillow made of fern beneath his head,

71 |

Asleep; stretched in the heavy undergrowth,

72 |

Pale in his warm, green, sun-soaked bed.

73 |

His feet among the flowers, he sleeps.His smile

74 |

Is like an infant's-gentle, without guile.

75 |

Ah, Nature, keep him warm; he may catch cold.

76 |

The humming insects don't disturb his rest;

77 |

He sleeps in sunlight, one hand on his breast;

78 |

At peace. In his side there are two red holes.

79 |
80 |
81 | 128 |
129 |

Font Settings

130 |

Font Size :

131 |
132 |
-
133 |
25
134 |
+
135 |
136 |

Font Width :

137 |

Light

138 |

Medium

139 |

Bold

140 |

Done

141 |
142 | 143 | 144 |
145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | -------------------------------------------------------------------------------- /read4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

On Killing A Tree

55 |

Gieve Patel

56 |
57 |
58 | 59 |
60 |

Gieve Patel (1940-) is a renowned Indian poet playwright and painter. In his poetry, Patel uses a syncopated rhythm. He brings the flavour of everyday's speech in his poetry. Some of his notable works are Mirrored, Mirroring (1991), How do you withstand, body (1976).

61 |

The poem is about the harm done to the environment by human beings. In a voice of sarcasm and irony, the poet speaks of man's violence and impatience towards nature. The poem is written in free verse.

62 |
63 |
64 |

It takes much time to kill a tree,

65 |

Not a simple jab of the knife

66 |

Will do it. It has grown

67 |

Slowly consuming the earth,

68 |

Rising out of it, feeding

69 |

Upon its crust, absorbing

70 |

Years of sunlight, air, water,

71 |

And out of its leprous hide The phrase

72 |

Sprouting leaves.

73 |

So hack and chop

74 |

But this alone won't do it.

75 |

Not so much pain will do it.

76 |

The bleeding bark will heal.

77 |

And from close to the ground

78 |

Will rise curled green twigs,

79 |

Miniature boughs

80 |

Which if unchecked will expand again

81 |

To former size.

82 |

No,

83 |

The root is to be pulled out -

84 |

Out of the anchoring earth;

85 |

It is to be roped, tied,

86 |

And pulled out-snapped out

87 |

Or pulled out entirely,

88 |

Out from the earth-cave,

89 |

And the strength of the tree exposed,

90 |

The source, white and wet,

91 |

The most sensitive,hidden

92 |

For years inside the earth.

93 |

Then the matter

94 |

Of scorching and choking

95 |

In sun and air,

96 |

Browning, hardening,

97 |

Twisting, withering,

98 |

And then it is done.

99 |
100 |
101 | 148 |
149 |

Font Settings

150 |

Font Size :

151 |
152 |
-
153 |
25
154 |
+
155 |
156 |

Font Width :

157 |

Light

158 |

Medium

159 |

Bold

160 |

Done

161 |
162 | 163 | 164 |
165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | -------------------------------------------------------------------------------- /main.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | margin-bottom: 100px; 4 | /* transform: translateX(-90vw) translateY(90vh); */ 5 | transition: 0.3s transform; 6 | opacity: 0; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | color: var(--main-text-color); 11 | background-color: var(--main-theme-color); 12 | 13 | } 14 | header{ 15 | height:65px; 16 | width: 100%; 17 | background-color: var(--main-theme-color); 18 | display: flex; 19 | justify-content: space-between; 20 | align-items: center; 21 | padding:0 20px; 22 | position: sticky; 23 | top:-0.5px; 24 | background-color: var(--backdrop-light2); 25 | backdrop-filter:blur(20px); 26 | z-index:1000; 27 | transition: 0.1s linear top; 28 | } 29 | header h1{ 30 | font-size: 2em; 31 | color: var(--main-text-color); 32 | } 33 | header img{ 34 | width: 23px; 35 | height: auto; 36 | height: auto; 37 | transition: 0.1s ease-in-out transform; 38 | background-color: transparent; 39 | filter: var(--theme-icon); 40 | } 41 | header img:active{ 42 | transform: scale(1.3); 43 | /*box-shadow: 0px 0px 100px 100px #ddd;*/ 44 | } 45 | section{ 46 | height: auto; 47 | width: 100%; 48 | } 49 | section .search{ 50 | height: auto; 51 | width: 100%; 52 | display: flex; 53 | justify-content: center; 54 | align-items: center; 55 | position: sticky; 56 | top: -70px; 57 | background-color: var(--backdrop); 58 | backdrop-filter: blur(10px); 59 | transition: 0.1s linear top; 60 | } 61 | section .search input[type=search]{ 62 | border: none; 63 | outline: none; 64 | width: 88%; 65 | font-size: 0.95em; 66 | padding: 15px 15px 15px calc(15px + 1.1em + 8px); 67 | box-shadow: 0px 1px 8px 0px var(--shadow-color); 68 | margin: 10px 0 10px 0; 69 | border-radius:100px; 70 | background-color: var(--backdrop); 71 | font-family: qsb; 72 | color: var(--main-text-color); 73 | /* border: 1px solid var(--grid-border-color); */ 74 | 75 | } 76 | section .search input[type=search]::-webkit-search-cancel-button{ 77 | /* position:relative; 78 | right:20px; */ 79 | -webkit-appearance: none; 80 | height: 20px; 81 | width: 20px; 82 | border-radius:10px; 83 | background:url("icons/cross.svg") no-repeat center; 84 | } 85 | ::placeholder{ 86 | color: var(--sub-text-color2); 87 | } 88 | section .search img{ 89 | position: absolute; 90 | left:calc(6% + 15px); 91 | height:1.1em; 92 | width: auto; 93 | } 94 | section .option{ 95 | width: 88%; 96 | height: auto; 97 | display: flex; 98 | margin: auto; 99 | justify-content:space-between; 100 | align-items: center; 101 | color: var(--main-text-color); 102 | border: 1px solid transparent; 103 | border-top-color: var(--sub-text-color2); 104 | border-bottom-color: var(--sub-text-color2); 105 | } 106 | section .link{ 107 | margin-left: 6%; 108 | padding: 12px 18px; 109 | background-color: rgba(30, 143, 255, 0.15); 110 | display: inline-block; 111 | color: var(--color); 112 | margin-top: 10px; 113 | border-radius: 10px; 114 | font-family: qb; 115 | transition: 0.2s transform; 116 | } 117 | section .link:active{ 118 | transform: scale(0.95); 119 | } 120 | section .appName{ 121 | font-size:10vw; 122 | margin-top: 60px; 123 | color: var(--main-text-color); 124 | } 125 | section .heading{ 126 | margin: 50px 0 10px 0; 127 | color:var(--main-text-color); 128 | } 129 | section .littleText{ 130 | padding:0 calc(6% + 5px); 131 | text-align: justify; 132 | font-size: 0.8em; 133 | color: var(--sub-text-color); 134 | font-family: qsb; 135 | } 136 | section .bookCard{ 137 | height: 200px; 138 | width: 88%; 139 | display: block; 140 | margin:25px auto 25px auto; 141 | background-color: var(--card-color); 142 | height: auto; 143 | min-height: 50px; 144 | border-radius: 12px; 145 | box-shadow: 1px 1px 8px 5px var(--shadow-color-light); 146 | overflow: hidden; 147 | transition: 0.4s height,0.4s width,0.4s opacity,0.4s top; 148 | } 149 | section .bookCard:active{ 150 | transform: scale(0.95); 151 | } 152 | section .bookCard img{ 153 | width: 100%; 154 | height: auto; 155 | border-top-left-radius: 12px; 156 | border-top-right-radius: 12px; 157 | } 158 | section .bookCard .bottom{ 159 | height: auto; 160 | width: 100%; 161 | display: flex; 162 | justify-content: center; 163 | align-items: center; 164 | } 165 | section .bookCard .description{ 166 | width:85%; 167 | height: auto; 168 | } 169 | section .bookCard .title{ 170 | font-size: 1.15em; 171 | font-family: qsb; 172 | color: var(--main-text-color); 173 | padding: 5px 0 0 15px; 174 | } 175 | section .bookCard .author{ 176 | font-size: 0.8em; 177 | padding: 0 0 2px 15px; 178 | font-family: qsb; 179 | color: var(--color); 180 | } 181 | section .bookCard .text{ 182 | padding: 0 0 20px 15px; 183 | font-size: 0.8em; 184 | color: var(--sub-text-color); 185 | font-family: qm; 186 | } 187 | section .bookCard .reaction{ 188 | width:15%; 189 | height: inherit; 190 | display: flex; 191 | justify-content: center; 192 | align-items: center; 193 | 194 | } 195 | section .bookCard .reaction img{ 196 | height:20px; 197 | width: auto; 198 | } 199 | section .nav{ 200 | position: fixed; 201 | bottom: -61px; 202 | height: 60px; 203 | width: 100%; 204 | background-color: var(--color); 205 | color: white; 206 | font-family: qsb; 207 | display:flex; 208 | justify-content: space-around; 209 | align-items: center; 210 | transition: 0.1s linear bottom; 211 | } 212 | section #readLeft{ 213 | background-color: rgba(30, 143, 255, 0.1); 214 | border-color: var(--color); 215 | color: var(--color); 216 | } 217 | section #darkSwitch{ 218 | padding-left: 10px; 219 | color: var(--main-text-color); 220 | background-color: black; 221 | } 222 | section #darkSwitch h1{ 223 | color: #ffe259; 224 | } 225 | section #darkSwitch p{ 226 | font-family: qsb; 227 | color:white; 228 | } 229 | section #profile{ 230 | display: flex; 231 | justify-content: center; 232 | align-items: center; 233 | flex-direction: column; 234 | padding: 17px; 235 | /* background-color: rgba(30, 143, 255, 0.1); */ 236 | /* border-color: var(--color); */ 237 | } 238 | section #profile .name{ 239 | font-size: 1.5em; 240 | } 241 | section #profile img{ 242 | width: 80px; 243 | height: auto; 244 | border-radius: 50%; 245 | } 246 | section #profile .text{ 247 | font-family: qsb; 248 | color: var(--sub-text-color); 249 | font-size: 0.8em; 250 | text-align: center; 251 | } 252 | section #readStatus{ 253 | overflow: hidden; 254 | display: flex; 255 | align-items: center; 256 | height: 50px; 257 | border-color: rgb(4, 211, 114); 258 | 259 | } 260 | section #readStatus .container{ 261 | height: 98px; 262 | width:83%; 263 | background-color: rgba(4, 211, 114,0.25); 264 | } 265 | section #readStatus h1{ 266 | position: absolute; 267 | text-align:center; 268 | color: var(--main-theme-color); 269 | color: rgb(4, 211, 114); 270 | transform: translateX(-50%); 271 | left: 50%; 272 | } 273 | section #note{ 274 | background-color: rgb(138, 43, 226,0.15); 275 | border-color:blueviolet; 276 | display: flex; 277 | justify-content: flex-start; 278 | align-items:flex-start; 279 | flex-direction: column; 280 | padding: 10px; 281 | color: black; 282 | color: blueviolet; 283 | } 284 | section #note{ 285 | font-family: qb; 286 | } 287 | section #note img{ 288 | height: 25px; 289 | width: auto; 290 | } 291 | section #setting{ 292 | background-color: rgba(255, 69, 0,0.15); 293 | border-color: orangered; 294 | display: flex; 295 | flex-direction: column; 296 | justify-content: flex-start; 297 | align-items: flex-start; 298 | padding: 10px; 299 | color: orangered; 300 | } 301 | section #setting img{ 302 | height: 25px; 303 | } 304 | section #setting p{ 305 | font-family: qb; 306 | } 307 | /* @media screen and (min-width: 900px) { 308 | ::-webkit-scrollbar { 309 | width: 7px; 310 | } 311 | } */ 312 | 313 | @media screen and (min-width: 900px) { 314 | /*::-webkit-scrollbar { 315 | width: 7px; 316 | }*/ 317 | section .bookCard{ 318 | cursor: pointer; 319 | } 320 | header img{ 321 | cursor: pointer; 322 | } 323 | header h1{ 324 | cursor: pointer; 325 | } 326 | section .link{ 327 | cursor: pointer; 328 | } 329 | section .appName{ 330 | cursor: pointer; 331 | } 332 | .main{ 333 | width: 900px; 334 | } 335 | section .appName{ 336 | font-size:90px; 337 | } 338 | section #readStatus h1{ 339 | width:900px; 340 | } 341 | } 342 | 343 | -------------------------------------------------------------------------------- /main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 | more 19 |

mindscapes

20 | more 21 |
22 |
23 | 27 |

All chapters of class XII are available. By Abinash Karmakar & Dark Rose Software

28 | 29 | 30 | 31 |

Prose

32 | 33 | 34 | 35 |
36 | The Eyes Have IT 37 |
38 |
39 |

The Eyes have It

40 |

Ruskin Bond

41 |

The Eyes Have It, a Heart-beat skipping story by Ruskin Bond.

42 |
43 |
44 | 45 |
46 |
47 |
48 |
49 | 50 | 51 |
52 | Strong Roots 53 |
54 |
55 |

Strong Roots

56 |

APJ Abdul kalam

57 |

Strong Roots is an extract from Dr. Kalam's autobiography Wings of Fire.

58 |
59 |
60 | 61 |
62 |
63 |
64 |
65 | 66 |
67 | Thank You Ma'am 68 |
69 |
70 |

Thank You Ma'am

71 |

Langston Hughes

72 |

"Thank You, M'am" is a American short story written by Langston Hughes.

73 |
74 |
75 | 76 |
77 |
78 |
79 |
80 | 81 |
82 | Three Questions 83 |
84 |
85 |

Three Questions

86 |

Leo Tolstoy

87 |

What is the right time, who are the right people, and what is the most important thing to do? Revisit Tolstoy's classic short story.

88 |
89 |
90 | 91 |
92 |
93 |
94 |
95 | 96 | 97 |

Poetry

98 |
99 | On Killing A Tree 100 |
101 |
102 |

On Killing A Tree

103 |

Gieve Patel

104 |

“On Killing a Tree” is a sensitive poem. The poet persuades the reader not to destroy trees and equates it with “killing” a human being.

105 |
106 |
107 | 108 |
109 |
110 |
111 |
112 | 113 |
114 | Asleep In The Valley 115 |
116 |
117 |

Asleep In The Valley

118 |

Arthur Rimbaud

119 |

This particular poem, Asleep In The Valley.

120 |
121 |
122 | 123 |
124 |
125 |
126 |
127 | 128 |
129 | Shall I Compare Thee 130 |
131 |
132 |

Shall I Compare Thee

133 |

William Shakespeare

134 |

Like many of Shakespeare's sonnets, the poem wrestles with the nature of beauty and with the capacity of poetry to represent that beauty.

135 |
136 |
137 | 138 |
139 |
140 |
141 |
142 | 143 |
144 | The Poetry OF Earth 145 |
146 |
147 |

The Poetry Of Earth

148 |

John Keats

149 |

The Poetry of Earth, a Petrarchan sonnet.

150 |
151 |
152 | 153 |
154 |
155 |
156 |
157 | 158 | 159 |

Drama

160 |
161 | The Proposal 162 |
163 |
164 |

The Proposal

165 |

Anton Chekhov

166 |

A one-act farce by Anton Chekhov.

167 |
168 |
169 | Star 170 |
171 |
172 |
173 |
174 |

mindscapes

175 | 176 |

Developed by the Expert Committee on School Education (School Education Department Government of West Bengal) ©West Bengal Council Of Higher Secondary Education. ©Dark Rose.

177 |
178 | 179 |

Information

180 | 181 | 182 |
183 | The Proposal 184 |
185 |
186 |

Dark Rose Software

187 |

Abinash Karmakar

188 |

A software company by Abinash Karmakar.

189 |
190 |
191 | Star 192 |
193 |
194 |
195 |
196 | 197 | 198 | 199 | 200 | 201 | 205 | 206 |
207 |
208 | 209 |

Read From

210 |

Where you left?

211 |
212 |
213 | Sun 214 |

Dark Mode

215 |

System Default

216 |
217 |
218 | 219 |
220 |
221 |

You read 87%

222 |
223 | 224 |
225 |
226 | Abinash 227 |

Abinash

228 |

Click to go to my facebook profile

229 |
230 |
231 |
232 | 233 |

Notes

234 |

Take yor notes

235 |
236 |
237 | 238 |

Settings

239 |

More Settings

240 |
241 |
242 |
243 |

Beta version

244 |
245 |
246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | -------------------------------------------------------------------------------- /read1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Strong Roots

55 |

APJ Abdul Kalam

56 |
57 |
58 | 59 |
60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 |

Avul Pakir Jainulabdeen Abdul Kalam(1931-2015) was one of the pioneers of aerospace engineering in India. For a major part of his life he worked as a scientist in Indian space programmes. Some of his famous works are India 2020, Ignited Minds, Wings of Fire. He was the President of India from 2002 to 2007.

69 |

Strong Roots is an extract from Dr. Kalam's autobiography Wings of Fire. In this extract, he talks about his childhood in his hometown. The piece presents a delightful sketch of the author's early life and the development of his spiritual growth.

70 |

71 | 72 |
73 | 74 |
75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 |

I was born into a middle-class Tamil family in the island town of Rameswaram in the erstwhile Madras state. My father, Jainulabdeen, had neither much great innate wisdom and a true generosity of spirit. He had an ideal helpmate in y mother, Ashiamma. I do not recall the exact number of people she fed every my day, but I am quite certain that far more outsiders ate with us than all the members of our own family put together.

88 |

My parents were widely regarded as an ideal couple. My mother's lineage was the more distinguished, one of her forebears having been bestowed the title of 'Bahadur' by the British.

89 |

I was one of many children- a short boy with rather undistinguished looks, born to tall and handsome parents. We lived in our ancestral house, which was built in the middle of the 19th century. It was a fairly large pucca house, made of limestone and brick, on the Mosque Street in Rameswaram. My austere father used to avoid all inessential comforts and luxuries. However, all necessities were provided for, in terms of food, medicine or clothing. In fact, I would say mine was a very secure childhood, materially and emotionally.

90 |

I normally ate with my mother, sitting on the floor of the kitchen. She would place a banana leaf before me, on which she then ladled rice and aromatic sambar,a variety of sharp, home-made pickle and a dollop of fresh coconut chutney.

91 |

The Shiva temple, which made Rameswaram so famous to pilgrims, was about a ten-minute walk from our house. Our locality was predominantly Muslim, but there were quite a lot of Hindu families too, living amicably with their Muslim neighbours. There was a very old mosque in our locality where my father would take me for evening prayers. I had not the faintest idea of the meaning of the Arabic prayers chanted, but I was totally convinced that they reached God. When my father came out of the mosque after the prayers, people of different religions would be sitting outside, waiting for him. Many of them offered bowls of water to my father, who would dip his fingertips in them and say a prayer. This water was then carried home for invalids. I also remember people visiting our home to offer thanks after being cured. Father always smiled and asked them to thank Allah, the merciful.

92 |

The high priest of Rameswaram temple, Pakshi Lakshmana Sastry, was verydlose friend of my father's. One of the most vivid memories of my early childhood is of the two men, each in traditional attire, discussing spiritual matters. When I was old enough to ask questions, I asked my father about the relevance of prayer. My father told me there was nothing mysterious about prayer. Rather, prayer made possible a communion of the spirit between people. "When you pray," he said, "you transcend your, body and become a part of the cosmos, which knows no division of wealth, age, caste, or creed."

93 |

My father could convey complex spiritual concepts in very simple, down to-earth Tamil. He once told me, "In his own time, in his own place, in what he really is, and in the stage he has reached-good or bad-every human being is a specific element within the whole of the manifest divine Being. So why be afraid of difficulties, sufferings and problems? When troubles come, try to understand the relevance of your sufferings. Adversity always presents opportunities for introspection."

94 |

"Why don't you say this to the people who come to you for help and advice?" I asked my father. He put his hands on my shoulders and looked straight into my eyes. For quite some time he said nothing, as if he was judging my capacity to comprehend his words. Then he answered in a low, deep voice. His answer filled me with a strange energy and enthusiasm: "Whenever human beings find themselves alone, as a natural reaction, they start looking for company. Whenever they are in trouble, they look for someone to help them. Whenever they reach an impasse, they look to someone to show them the way out. Every recurrent anguish, longing, and desire finds its own special helper. For the people who come to me in distress, I am but a go-between in their effort to propitiate demonic forces with prayers and offerings. This is not a correct approach at all and should never be followed. One must understand the difference between a fear-ridden vision of destiny and the vision that enables us to seek the enemy of fulfilment within ourselves."

95 |

I remember my father starting his day at 4 am by reading the namaz before dawn. After the namaz, he used to walk down to a small coconut grove we owned, about four miles from our home. He would return with about a dozen coconuts tied together thrown over his shoulder, and only then would he have his breakfast. This remained his routine even when he was in his late sixties.

96 |

I have, throughout my life, tried to emulate my father in my own world of science and technology. I have endeavoured to understand the fundamental truths revealed to me by my father, and feel convinced that there exists a divine power that can lift one up from confusion, misery, melancholy and failure, and guide one to one's true place. And once an individual severs his emotional and physical bond, he is on the road to freedom, happiness and peace of mind.

97 |
98 |
99 | 146 |
147 |

Font Settings

148 |

Font Size :

149 |
150 |
-
151 |
25
152 |
+
153 |
154 |

Font Width :

155 |

Light

156 |

Medium

157 |

Bold

158 |

Done

159 |
160 | 161 | 162 |
163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | -------------------------------------------------------------------------------- /read.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

The Eyes Have It

55 |

Ruskin Bond

56 |
57 |
58 | 59 |
60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 |

Ruskin Bond(1934-) : is a widely read writer of Indian origin who writes in English. The setting for most of his stories are the hills of the Himalayas. Among his most notable works are The Room on the Roof, The Angry River, Rain in the Mountains.

69 |

In this story Bond exploits the situational irony that originates between two people who meet by chance in railway compartment. The young man and the girl are unaware of their individual blindness and converse with each other from the conviction that both of them can see.

70 | 71 |
72 | 73 |
74 |

I had the train compartment to myself up to Rohana, then a girl got in. The couple who saw her off were probably her parents; they seemed very anxious about her comfort, and the woman gave the girl detailed instructions as to where to keep her things, when not to lean out of windows, and how to avoid speaking to strangers. 75 |

They called their goodbyes and the train pulled out of the station. As I was totally blind at the time, my eyes sensitive only to light and darkness, I was unable to tell what the girl looked like; but I knew she wore slippers from the way they slapped against her heels.

76 |

It would take me some time to discover something about her looks, and perhaps I never would. But I liked the sound of her voice, and even the sound of her slippers.

77 |

"Are you going all the way to Dehra?" I asked.

78 |

must have been sitting in a dark corner, because my voice startled her. She I gave a little exclamation and said, "I didn't know anyone else was here."

79 |

Well, it often happens that people with good eyesight fail to see what is right in front of them. They have too much to take in, I suppose. Whereas people who cannot see (or see very little) have to take in only the essentials, whatever registers most tellingly on their remaining senses.

80 | 81 |

"I didn't see you either," I said. "But I heard you come in."

82 |

I wondered if I would be able to prevent her from discovering that I was blind. Provided I keep to my seat, I thought, it shouldn't be too difficult.

83 |

The girl said, "I'm getting off at Saharanpur. My aunt is meeting me there."

84 |

"Then I had better not get too familiar," I replied. "Aunts are usually formidable creatures."

85 |

"Where are you going?" she asked.

86 |

"To Dehra, and then to Mussoorie."

87 |

"Oh, how lucky you are. I wish I were going to Mussoorie.I love the hills. Especially in October."

88 |

"Yes, this is the best time," I said, calling on my memories. "The hills are covered with wild dahlias, the sun is delicious, and at night you can sit in front of a logfire and drink a little brandy. Most of the tourists have gone, and the roads are quiet and almost deserted. Yes, October is the best time."

89 |

She was silent. I wondered if my words had touched her, or whether she thought me a romantic fool. Then I made a mistake.

90 | 91 |

"What is it like outside?" I asked.

92 |

She seemed to find nothing strange in the question. Had she noticed already that I could not see? But her next question removed my doubts.

93 |

"Why don't you look out of the window?" she asked.

94 |

I moved easily along the berth and felt for the window ledge. The window was open, and I faced it, making a pretence of studying the landscape. I heard the panting of the engine, the rumble of the wheels, and, in my mind's eye, I could see telegraph posts flashing by.

95 |

"Have you noticed," I ventured, "that the trees seem to be moving while we seem to be standing still?"

96 |

"That always happens," she said. "Do you see any animals?"

97 | 98 |

"No,"I answered quite confidently. I knew that there were hardly any animals left in the forests near Dehra.

99 |

I turned from the window and faced the girl, and for a while we sat in silence.

100 |

"You have an interesting face," I remarked. I was becoming quite daring, but it was a safe remark. Few girls can resist flattery. She laughed pleasantly-a clear, ringing laugh.

101 |

"It's nice to be told I have an interesting face. I'm tired of people telling me I have a pretty face."

102 |

Oh, so you do have a pretty face, thought I-and aloud I said: "Well, an interesting face can also be pretty."

103 |

"You are a very gallant young man," she said, "but why are you so serious?" I thought, then, I would try to laugh for her, but the thought of laughter only made me feel troubled and lonely.

104 |

"We'll soon be at your station," I said.

105 | 106 |

"Thank goodness it's a short journey. I can't bear to sit in a train for more than two-or-three hours."

107 |

Yet I was prepared to sit there for almost any length of time,just to listen to her talking. Her voice had the sparkle of a mountain stream. As soon as she left the train, she would forget our brief encounter; but it would stay with me for the rest of the journey, and for some time after.

108 |

The engine's whistle shrieked, the carriage wheels changed their sound and rhythm, the girl got up and began to collect her things. I wondered if she wore her hair in bun, or if it was plaited; perhaps it was hanging loose over her shoulders, or was it cut very short?

109 |

The train drew slowly into the station. Outside, there was the shouting of porters and vendors and a high-pitched female voice near the carriage door; that voice must have belonged to the girl's aunt.

110 |

"Goodbye," the girl said.

111 | 112 |

She was standing very close to me, so close that the perfume from her hair was. I wanted to raise my hand and touch her hair, but she moved away. Only the scent of perfume still lingered where she had stood.

113 |

There was some confusion in the doorway. A man, getting into the compartment, stammered an apology. Then the door banged, and the world was shut out again. I returned to my berth. The guard blew his whistle and we moved off. Once again, I had a game to play and a new fellow-traveller.

114 |

The train gathered speed, the wheels took up their song, the carriage groaned and shook. I found the window and sat in front of it, staring into the daylight that was darkness for me.

115 |

So many things were happening outside the window: it could be a fascinating game, guessing what went on out there.

116 |

The man who had entered the compartment broke into my reverie.

117 |

You must be disappointed," he said. "I'm not nearly as attractive a travelling companion as the one who just left."

118 |

"She was an interesting girl," I said. "Can you tell me-did she keep her hair long or short?"

119 |

"I don't remember," he said, sounding puzzled. "It was her eyes I noticed, not her hair. She had beautiful eyes-but they were of no use to her. She was completely blind. Didn't you notice?"

120 |
121 |
122 | 169 |
170 |

Font Settings

171 |

Font Size :

172 |
173 |
-
174 |
25
175 |
+
176 |
177 |

Font Width :

178 |

Light

179 |

Medium

180 |

Bold

181 |

Done

182 |
183 | 184 | 185 |
186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | -------------------------------------------------------------------------------- /read2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Thank You Ma'am

55 |

Langston Huges

56 |
57 |
58 | 59 |
60 |

Jameo Mercer Langston Hughes (1902-1967) was a famous writer and social activist from America. Hughes was interested in the revival of African folk culture. Some of his well known works are the weary Blues (1926), Not without Laughter (1930), The Way of White Folks (1934).

61 |

This story is about the sympathy shown by an older woman to a young urchin, who tried to steal her pocketbook. The young boy was eager to acknowledge the lenity shown to him by her, but he got no more chance to do that beyond a brief, "Thank You".

62 |
63 | 64 |
65 |

Shew he was a large woman with a large purse that had everything in it but hammer and nails. It had a long strap, and she carried it slung across her shoulder. It was about eleven o'clock at night, and she was walking alone, when a boy ran up behind her and tried to snatch her purse. "The strap broke with the single tug the boy gave it from behind. But the boy's weight and the weight of the purse combined caused him to lose his balance so, instead of taking off full blast as he had hoped, the boy fell on his back on the sidewalk, and his legs flew up. The large woman simply turned around and kicked him right square in his blue jeaned sitter. Then she reached down, picked the boy up by his shirt front, and shook him until his teeth rattled.

66 |

After that the woman said, "Pick up my pocketbook, boy, and give it here. "She still held him. But she bent down enough to permit him to stoop and pick up her purse. 'Then she said, "Now ain't you ashamed of yourself?"

67 |

Firmly gripped by his shirt front, the boy said, "Yes'm."

68 |

'The woman said, "What did you want to do it for?" 'The boy said, "I didn't aim to."

69 |

She said, "You a lie!"

70 | 71 | 72 |

By that time two or three people passed, stopped, turned to look, and some stood watching.

73 |

"If I turn you loose, will you run?" asked the woman.

74 |

"Yes'm," said the boy.

75 |

"Then I won't turn you loose," said the woman. She did not release him. "I'm very sorry, lady, I'm sorry," whispered the boy. "Um-hum! And your face is dirty. I got a great mind to wash your face for you./p> 76 | 77 |

Ain't you got nobody home to tell you to wash your face?"

78 |

"No'm," said the boy.

79 |

"Then it will get washed this evening," said the large woman starting up the street, dragging the frightened boy behind her. He looked as if he were fourteen or fifteen, frail and willow-wild, in tennis shoes and blue jeans.

80 |

The woman said, "You ought to be my son. I would teach you right from wrong. Least I can do right now is to wash your face. Are you hungry?"

81 | 82 |

"No'm," said the being dragged boy. "I just want you to turn me loose."

83 |

"Was I bothering you when I turned that corner?" asked the woman.

84 |

"No'm."

85 |

"But you put yourself in contact with me," said the woman. "If you think that that contact is not going to last awhile, you got another thought coming. When I get through with you, sir, you are going to remember Mrs. Luella Bates Washington Jones."

86 |

Sweat popped out on the boy's face and he began to struggle. Mrs. Jones stopped, jerked him around in front of her, put a half-nelson about his neck, and continued to drag him up the street. When she got to her door, she dragged the boy inside, down a hall, and into a large kitchenette-furnished room at the rear of the house. She switched on the light and left the door open. The boy could hear other roomers laughing and talking in the large house. Some of their doors were open, too, so he knew he and the woman were not alone. The woman still had him by the neck in the middle of her room.

87 |

She said, "What is your name?"

88 | 89 | 90 | 91 | 92 | 93 |

"Roger," answered the boy.

94 |

"Then, Roger, you go to that sink and wash your face," said the woman, whereupon she turned him loose-at last. Roger looked at the door-looked at the woman-looked at the door-and went to the sink.

95 |

"Let the water run until it gets warm," she said. "Here's a clean towel." "You gonna take me to jail?" asked the boy, bending over the sink.

96 |

"Not with that face, I would not take you nowhere," said the woman. "Here I am trying to get home to cook me a bite to eat and you snatch my pocketbook! May be, you ain't been to your supper either, late as it be. Have you?"

97 |

"There's nobody home at my house," said the boy.

98 |

Then we'll eat," said the woman, "I believe you're hungry-or been hungry-to try to snatch my pocketbook."

99 |

I wanted a pair of blue suede shoes," said the boy.

100 |

"Well, you didn't have to snatch my pocketbook to get some suede shoes," said Mrs. Luella Bates Washington jones. "You could of asked me."

101 |

102 |

The water dripping from his face, the boy looked at her. There was a long pause. A very long pause. After he had dried his face and not knowing what else to do dried it again, the boy turned around, wondering what next. The door was open. He could make a dash for it down the hall. He could run, run, run, run, run!

103 |

The woman was sitting on the day-bed. After a while she said, "I were young once and I wanted things I could not get."

104 |

There was another long pause. The boy's mouth opened. Then he frowned, but not knowing he frowned.

105 |

The woman said, "Um-hum! You thought I was going to say but, didn't you?

106 |

You thought I was going to say, but I didn't snatch people's pocketbooks. Well, I wasn't going to say that." Pause. Silence. "I have done things, too, which I would not tell you, son-neither tell God, if he didn't already know. So you set down while I fix us something to eat. You might run that comb through your hair so you will look presentable."

107 | 108 | 109 |

In another comer of the room behind a screen was a gas plate and an icebox.

110 |

Mrs. Jones got up and went behind the screen. The woman did not watch the boy to see if he was going to run now, nor did she watch her purse which she left behind her on the day-bed. But the boy took care to sit on the far side of the room where he thought she could easily see him out of the corner of the other eye, if she wanted to. He did not trust the woman not to trust him. And he did, not want to be mistrusted now.

111 |

"Do you need somebody to go to the store," asked the boy, "maybe to get some milk or something?"

112 |

"Don't believe I do," said the woman, "unless you just want-sweet milk yourself I was going to make cocoa out of this canned milk I got here."

113 |

"That will be fine," said the boy.

114 |

She heated some lima beans and ham she had in the icebox, made the cocoa, all of and set the table. The woman did not ask the boy anything about where he lived, or his folks, or anything else that would embarrass him. Instead, as they ate, she told him about her job in a hotel beauty-shop that stayed open late, what the work was like, and how all kinds of women came in and out, blondes, red-heads, and Spanish. Then she cut him a half of her ten-cent cake.

115 |

"Eat some more, son," she said.

116 |

When they were finished eating she got up and said, "Now, here, take this ten dollars and buy yourself some blue suede shoes. And next time, do not make the mistake of latching onto my pocketbook nor nobody else's-because shoes come by devilish like that will burn your feet. I got to get my rest now. But I wish you would behave yourself, son, from here on in."

117 |

She led him down the hall to the front door and opened it. "Goodnight!

118 |

Behave yourself, boy!" she said, looking out into the street.

119 |

The boy wanted to say something else other than "Thank you, ma' am" to Mrs. Luella Bates Washington Jones, but he couldn't do so as he turned at the barren stoop and looked back at the large woman in the door. He barely managed to say

120 |

"Thank you" before she shut the door. And he never saw her again.

121 |
122 |
123 | 170 |
171 |

Font Settings

172 |

Font Size :

173 |
174 |
-
175 |
25
176 |
+
177 |
178 |

Font Width :

179 |

Light

180 |

Medium

181 |

Bold

182 |

Done

183 |
184 | 185 | 186 |
187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | -------------------------------------------------------------------------------- /read3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 | back 20 |
21 | 22 |
23 |
24 | More 25 |
26 | 27 |
28 | More 29 |
30 | 31 |
32 | More 33 |
34 | 35 |
36 |

A

37 |
38 |
39 | More 40 |
41 |
42 | More 43 |
44 |
45 | More 46 |
47 |
48 | More 49 |
50 |
51 | 52 | Chapter image 53 |
54 |

Thee Questions

55 |

Leo Tolstoy

56 |
57 |
58 | 59 |
60 |

Count Lev Nikolayevich Tolstoy (1828-1910) was a Russian writer of worldwide fame. His novels are marked by sharp psychological insights and graphic description of reality. His most noted works are war and peace (1809), Sebastopol Sketches (1855), Anna Karenina (1877).

61 |

Through the tale of a Tsar who wanted to know the nature of appropriate counsel and action, Tolstoy reveals an illuminating notion about the duties of man. This simple tale is loaded with deep thoughts on the way human beings should conduct their actions.

62 |
63 |
64 |

It once occurred to a certain Tsar, that ifhe always knew the right time to begin everything; if he knew who were the right people to listen to, and whom to avoid; and, above all, if he always knew what was the most important thing to do, he would never fail in anything he might undertake.

65 |

And this thought having occurred to him, he had it proclaimed throughout his kingdom that he would give a great reward to anyone who would teach him what was the right time for every action, and who were the most necessary people, and how he might know what was the most important thing to do.

66 |

And learned men came to the Tsar, but they all answered his questions differently.

67 |

In reply to the first question, some said that to know the right time for every action, one must draw up in advance, a table of days, months and years, and must live strictly according to it. Only thus, said they, could everything be done at its proper time.

68 |

Others declared that it was impossible to decide beforehand the right time for every action; but that, not letting oneself be absorbed in idle pastimes, one should always attend to all that was going on, and then do what was most needful. Others, again, said that however attentive the Tsar might be to what was going on, it was impossible for one man to decide correctly the right time for every action, but that he should have a Council of wise men, who would help him to fix the proper time for everything.

69 | 70 |

But then again others said there were some things which could not wait to laid before a Council, but about which one had at once to decide whether to undertake them or not. But in order to decide that, one must know beforehand what was going to happen. It is only magicians who know that; and, therefore, in order to know the right time for every action, one must consult magicians.

71 |

Equally various were the answers to the second question. Some said, the people the Tsar most needed were his councillors, others, the priests; others, the doctors while some said the warriors were the most necessary.

72 |

To the third question, as to what was the most important occupation: some replied that the most important thing in the world was science Others said it was skill in warfare; and others, again, that it was religious worship

73 |

All the answers being different, the Tsar agreed with none of them, and gave the reward to none But still wishing to find the right answers to his questions, he decided to consult a hermit, widely renowned for his wisdom.

74 |

The hermit lived in a wood which he never quitted, and he received none but common folk. So the Tsar put on simple clothes, and before reaching the hermit's cell dismounted from his horse, and, leaving his body-guard behind, went on alone.

75 |

When the Tsar approached, the hermit was digging the ground in front of his hut Seeing the Tsar, he greeted him and went on digging. The hermit was frail and weak, and each time he stuck his spade into the ground and turned a little earth, he breathed heavily.

76 |

The Tsar went up to him and said: "I have come to you, wise hermit, to ask you to answer three questions: How can I learn to do the right thing at the right time? Who are the people I most need, and to whom should I, therefore, pay more attention than to the rest? And, what affairs are the most important, and need my first attention?"

77 |

The hermit listened to the Tsar, but answered nothing. He just spat on his hand and recommenced digging.

78 |

"You are tired," said the Tsar, "let me take the spade and work awhile for you."

79 | 80 |

"Thanks!" said the hermit, and, giving the spade to the Tsar, he sat down on the ground.

81 |

When he had dug two beds, the Tsar stopped and repeated his questions. The hermit again gave no answer, but rose, stretched out his hand for the spade, and said: "Now rest awhile-and let me work a bit."

82 |

But the Tsar did not give him the spade, and continued to dig. One hour passed, and another. The sun began to sink behind the trees, and the Tsar at last stuck the spade into the ground, and said: "I came to you, wise man, for an answer to my questions. If you can give me none, tell me so, and I will return home."

83 |

"Here comes someone running," said the hermit, "let us see who it is."

84 |

The Tsar turned round, and saw a bearded man come running out of the wood. The man held his hands pressed against his stomach, and blood was flowing from under them. When he reached the Tsar, he fell fainting on the ground moaning feebly. The Tsar and the hermit unfastened the man's clothing. There was a large wound in his stomach. The Tsar washed it as best he could, and bandaged it with his handkerchief and with a towel the hermit had. But the blood would not stop flowing, and the Tsar again and again removed the bandage soaked with warm blood, and washed and rebandaged the wound.

85 |

When at last the blood ceased flowing, the man revived and asked for something to drink. The Tsar brought fresh water and gave it to him. Meanwhile the sun had set, and it had become cool. So the Tsar, with the hermit's help, carried the wounded man into the hut and laid him on the bed. Lying on the bed the man closed his eyes and was quiet, but the Tsar was so tired with his walk and with the work he had done, that he crouched down on the threshold, and also fell asleep-so soundly that he slept all through the short summer night. When he awoke in the morning, it was long before he could remember where he was, or who was the strange bearded man lying on the bed and gazing intently at him with shining eyes.

86 |

"Forgive me!" said the bearded man in a weak voice, when he saw that the Tsar was awake and was looking at him.

87 |

"I do not know you, and have nothing to forgive you for," said the Tsar. "You do not know me, but I know you. I am that enemy of yours who swore to revenge himself on you, because you executed his brother and seized his property. I knew you had gone alone to see the hermit, and I resolved to kill you on your way back. But the day passed and you did not return. So I came out from my ambush to find you, and I camepon your bodyguard, and they recognised me, and wounded me. I escaped from them, but should have bled to death had you not dressed my wound. I wished to kill you, and you have saved my life. Now, if I live, and if you wish it, I will serve you as your most faithful slave, and will bid my sons do the same, Forgive me!"

88 |

The Tsar was very glad to have made peace with his enemy so easily, and to have gained him for a friend, and he not only forgave him, but said he would send his servants and his own physician to attend him, and promised to restore his property.

89 |

Having taken leave of the wounded man, the Tsar went out into the porch and looked around for the hermit. Before going away he wished once more to beg an answer to the questions he had put. The hermit was outside, on his knees, sowing seeds in the beds that had been dug the day before.

90 |

The Tsar approached him, and said: "For the last time, I pray you to answer my questions, wise man."

91 |

"You have already been answered!" said the hermit, still crouching on his thin legs, and looking up at the Tsar, who stood before him.

92 |

"How answered? What do you mean?" asked the Tsar.

93 |

"Do you not see," replied the hermit. "If you had not pitied my weakness yesterday, and had not dug those beds for me, but had gone your way, that man would have attacked you, and you would have repented of not having stayed with me. So the most important time was when you were digging the beds; and I was the most important man; and to do me good was your most important business. Afterwards when that man ran to us, the most important time was when you were attending to him, for if you had not bound up his wounds he would have died without having made peace with you. So he was the most important man, and what you did for him was your most important business. Remember then: there is only one time that is important-Now! It is e most important time because it is the only time when we have any power. The most necessary man is he with whom you are, for no man knows whether he will ever have dealings with anyone else: and the most important affair is, to do him good, because for that purpose alone was man sent into this life!"

94 |
95 |
96 | 143 |
144 |

Font Settings

145 |

Font Size :

146 |
147 |
-
148 |
25
149 |
+
150 |
151 |

Font Width :

152 |

Light

153 |

Medium

154 |

Bold

155 |

Done

156 |
157 | 158 | 159 |
160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | --------------------------------------------------------------------------------