Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

learn page initial contruction #50

Merged
merged 7 commits into from
Oct 22, 2017
Merged

learn page initial contruction #50

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
eaa22ed
laravel link added
Oct 22, 2017
673c431
Merge branch 'master' into learn
vinaypuppal Oct 22, 2017
acc4b99
three subjects added
Oct 22, 2017
f216dfc
Merge branch 'learn' of github.com:coderplex/coderplex into learn
Oct 22, 2017
d22e267
top banner added
Oct 22, 2017
b255cb8
links of learn subs added
Oct 22, 2017
49c5bad
Merge branch 'master' into learn
vinaypuppal Oct 22, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@ const indexPageLearns = [
image: '',
},
{
link: '#',
link:
'https://github.com/coderplex/learn/blob/master/web-dev/Backend/Learn-Laravel.md',
title: 'Laravel',
subject: 'Backend Web Development',
image: '',
Expand Down
163 changes: 143 additions & 20 deletions pages/learn.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,147 @@
import React from 'react';
import { Accordion, Icon, List } from 'semantic-ui-react';

import Icon from '../components/icon';
import publicPage from '../hocs/public-page';
import TopBanner from '../components/top-banner';

export default publicPage(() => (
<div>
<main>
<Icon />
<h3>Under Construction, Coming Soon!...</h3>
</main>
<style jsx>{`
main {
min-height: calc(100vh - 70px);
background: #f4f7fb;
color: #314159;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
`}</style>
</div>
));
export default publicPage(() => {
return (
<div className="root">
<TopBanner
pageTitle="Learn"
pageSubTitle="Open Source Learning Guides to master your favorite technology"
/>
<main>
<section>
<Accordion fluid styled>
<Accordion.Title>
<Icon name="dropdown" />
Web Development
</Accordion.Title>
<Accordion.Content>
<Accordion>
<Accordion.Title>
<Icon name="dropdown" />
Frontend
</Accordion.Title>
<Accordion.Content>
<List selection verticalAlign="middle">
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/web-dev/Frontend/Libraries%20%26%20Frameworks/Learn-Angular.md"
>
<List.Content>
<List.Header>Angular</List.Header>
<List.Description>
Front-end web application framework by Google
</List.Description>
</List.Content>
</List.Item>
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/web-dev/Frontend/Libraries%20%26%20Frameworks/Learn-React.md"
>
<List.Content>
<List.Header>React</List.Header>
<List.Description>
JavaScript library for building user interfaces from
Facebook
</List.Description>
</List.Content>
</List.Item>
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/web-dev/Frontend/Libraries%20%26%20Frameworks/Learn-VueJS.md"
>
<List.Content>
<List.Header>Vue</List.Header>
<List.Description>
Progressive JavaScript framework for building user
interfaces by community
</List.Description>
</List.Content>
</List.Item>
</List>
</Accordion.Content>
<Accordion.Title>
<Icon name="dropdown" />
Backend
</Accordion.Title>
<Accordion.Content>
<List selection verticalAlign="middle">
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/web-dev/Backend/Learn-Laravel.md"
>
<List.Content>
<List.Header>Laravel</List.Header>
<List.Description>PHP web framework</List.Description>
</List.Content>
</List.Item>
</List>
</Accordion.Content>
</Accordion>
</Accordion.Content>
<Accordion.Title>
<Icon name="dropdown" />
Data Science
</Accordion.Title>
<Accordion.Content>
<List selection verticalAlign="middle">
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/data-science/learn-ds.md"
>
<List.Content>
<List.Header>Core Data Science</List.Header>
<List.Description>
A field which provides meaningful information from large
amounts of data.
</List.Description>
</List.Content>
</List.Item>
</List>
</Accordion.Content>
<Accordion.Title>
<Icon name="dropdown" />
Distributed Computing
</Accordion.Title>
<Accordion.Content>
<List selection verticalAlign="middle">
<List.Item
target="_blank"
href="https://github.com/coderplex/learn/blob/master/Blockchain/learn-blockchain.md"
>
<List.Content>
<List.Header>Blockchain</List.Header>
<List.Description>
A distributed database technology
</List.Description>
</List.Content>
</List.Item>
</List>
</Accordion.Content>
</Accordion>
</section>
</main>
<style jsx>{`
.root {
background-color: #ffffff;
}
main {
background-color: #ffffff;
max-width: 800px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
min-height: calc(100vh - 70px);
margin: 0 auto;
}
section {
margin: 50px 0;
}
`}</style>
</div>
);
});