Merge pull request #11 from CliffCrerar/dev-master

CliffCrerar · web-flow · commit bf44b797076b · 2019-12-25T09:23:27.000+02:00
Dev master
diff --git a/learn-tsql.code-workspace b/learn-tsql.code-workspace
@@ -4,10 +4,7 @@
 			"path": "."
 		},
 		{
-			"path": "../cdn-png-repo"
-		},
-		{
-			"path": "/Volumes/cdn-cloudflare.ga"
+			"path":"../reg-api-mongodb"
 		},
 		{
 			"path": "/Users/cliff/git/create-site-map"
diff --git a/public/index.html b/public/index.html
@@ -80,10 +80,10 @@
             });
         </script>
         <title>{{ title }}</title>
-        <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
+        
         <!-- <script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script> -->
         <style>
-            @import url('https://fonts.googleapis.com/css?family=DM+Serif+Display|Lato&display=swap');
+            @import url('https://fonts.googleapis.com/css?family=Exo|Lato&display=swap');
             /* @import url('https://fonts.googleapis.com/css?family=DM+Serif+Display|DM+Serif+Text|Orbitron|Playfair+Display|Raleway&display=swap'); */
             /* @import url('https://fonts.googleapis.com/css?family=Audiowide|Baumans|Convergence|Days+One|Forum|Marcellus+SC|Metrophobic|Michroma|Reem+Kufi|Syncopate&display=swap'); */
             /* @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato|Oswald&display=swap'); */
@@ -116,7 +116,7 @@
         */
             
              :root {
-                --heading-font: DM Serif Display;
+                --heading-font: Exo;
                 --body-fonts: Lato;
             }
             
@@ -145,12 +145,18 @@
             p {
                 text-align: justify !important;
             }
+            iframe{
+                border: transparent;
+            }
         </style>
     </head>
 
     <body>
         {{ head }}
         <div id="root">{{ footer }}</div>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> -->
+        <!-- <script type="module" src="https://unpkg.com/x-frame-bypass"></script> -->
+        <!-- <script type="module" src="x-frame-bypass.js"></script> -->
     </body>
 
 </html>
diff --git a/src/components/embeded-sql-editor/index.js b/src/components/embeded-sql-editor/index.js
@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+class SQLEditor extends Component {
+	constructor(props) {
+		super(props)
+		this.state = { width: '100%', height: '100%' }
+	}
+
+	render() {
+		return (
+			<div style={ { height: '1000px' } }>
+				<iframe style={ this.state }
+					src-doc="https://www.jdoodle.com/embed/v0/1M5O"
+					src="https://www.jdoodle.com/embed/v0/1M5O"
+					contentEditable="true"
+					frameborder="0"></iframe>
+			</div>
+		)
+	}
+}
+
+export default SQLEditor
diff --git a/src/pages/001-landing/landing.mdx b/src/pages/001-landing/landing.mdx
@@ -6,6 +6,7 @@ parent: Pages
 
 import {SubTitle} from '../../components/frontmatter'
 import Image from '../../components/img'
+import SQLEditor from '../../components/embeded-sql-editor'
 
 <style jsx="true">{`
     .img-div{
@@ -68,5 +69,14 @@ alt={'Learn-SQL'}
 divClass={{display: 'flex', justifyContent:'space-around', flexFlow:'row-reverse', alignItems: 'center'}}
 />
 
+## Exiting new features
+
+We are in the process of implementing exiting new features for documentation to improve user experience.
+
+There will be a lot more content available and we plan in omplementing a live SQL editor that go along with the lessons. This means no more tedious time spent on installing SQL server.
+
+Lastly there will be a feature to subscribe to stay up to date with new content being added.
+
+<SQLEditor/>
 
 

Original file line number	Diff line number	Diff line change
`@@ -4,10 +4,7 @@`
`4`	`4`	`"path": "."`
`5`	`5`	`},`
`6`	`6`	`{`
`7`		`- "path": "../cdn-png-repo"`
`8`		`- },`
`9`		`- {`
`10`		`- "path": "/Volumes/cdn-cloudflare.ga"`
	`7`	`+ "path":"../reg-api-mongodb"`
`11`	`8`	`},`
`12`	`9`	`{`
`13`	`10`	`"path": "/Users/cliff/git/create-site-map"`