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

Commit d549d44

Browse files
thoptr-capthoptr-cap
committed
changed devon4js to devon4ng, switched to devonfw logo only
1 parent c37ef60 commit d549d44

File tree

18 files changed

+342
-8
lines changed

18 files changed

+342
-8
lines changed

‎assets/images/devonfw.png

2.02 KB
Loading

‎devon-main-content/sections/collaboration/component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -29,10 +29,10 @@ <h4>Contribute:</h4>
2929
</div>
3030
<div class="row DEVON mb-5">
3131
<div class="col-sm-4 col-xs-12">
32-
<a href="https://github.com/oasp/oasp4j" class="btn btn-primary mt-4">devon4J on github</a>
32+
<a href="https://github.com/oasp/oasp4j" class="btn btn-primary mt-4">devon4J on Github</a>
3333
</div>
3434
<div class="col-sm-4 col-xs-12">
35-
<a href="https://github.com/oasp/oasp4js" class="btn btn-primary mt-4">devon4JS on github</a>
35+
<a href="https://github.com/oasp/oasp4js" class="btn btn-primary mt-4">devon4ng on Github</a>
3636
</div>
3737
</div>
3838
<div class="row p-3">

‎devon-main-content/sections/framework/component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h5>
1515
<div class="col-md-4 col-sm-4 col-4 text-center my-3">
1616
<img class="pb-4" src="/assets/images/javascript_icon.png" alt="JS-icon">
1717
<h6>JavaScript</h6>
18-
<a href="/devon4js" class="btn btn-lg btn-primary">More info</a>
18+
<a href="/devon4ng" class="btn btn-lg btn-primary">More info</a>
1919
</div>
2020
<div class="col-md-4 col-sm-4 col-4 text-center my-3">
2121
<img class="pb-4" src="/assets/images/java_icon.png" alt="Java-icon">

‎devon4j/sections/overview/component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ <h2 class="underline-devon-black">Code</h2>
5252
<h2 class="underline-devon-black">Reference Application</h2>
5353
<p class="py-5 px-4">
5454
devonfw provides a sample application that shows the usage of the technology stack, its modules and the best-practices in action.
55-
See how everything works together including integration with the client of the Devon4JS.
55+
See how everything works together including integration with the client of the devon4ng.
5656
</p>
5757
<!-- Buttons row -->
5858
<div class="row d-inline" style="padding-bottom:50px;">

‎devon4ng/index.html

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9+
<title>devon4ng</title>
10+
<script type="text/javascript" src="/bundle.js"></script>
11+
<link rel="stylesheet" type="text/css" href="/css/main.css" />
12+
<script type="text/javascript" src="/javascript/main.js"></script>
13+
</head>
14+
15+
<body data-spy="scroll" data-target=".DEVON-SIDEBAR" data-offset="50">
16+
<!-- NAVIGATION-->
17+
<div class="fixed-top" style="pointer-events: none">
18+
<!-- NAV BAR -->
19+
<insertHtml url="/html/nav-menu" style="pointer-events: auto"></insertHtml>
20+
<!-- SIDE BAR -->
21+
<div class="row container-fluid DEVON m-0 px-0 " style="pointer-events: none">
22+
<div class="col-12 col-md-3 m-0 p-0">
23+
<insertHtml url="/devon4ng/sections/sidenav" style="pointer-events: auto"></insertHtml>
24+
</div>
25+
</div>
26+
</div>
27+
28+
<!-- CONTENT -->
29+
<div class="container-fluid DEVON DEVON-CONTAINER m-0 px-0">
30+
<div class="d-none">
31+
<br>
32+
<br>
33+
<br>
34+
<br>
35+
</div>
36+
<div class="row m-0 p-0">
37+
<!-- GHOST COLUMN-->
38+
<div class="col-0 col-md-3 m-0 p-0">
39+
40+
</div>
41+
<!-- CONTENT -->
42+
<div class="col-12 col-md-9 m-0 p-0">
43+
<insertHtml url="/devon4ng/sections/introduction"></insertHtml>
44+
<insertHtml url="/devon4ng/sections/overview"></insertHtml>
45+
<insertHtml url="/devon4ng/sections/getting-started"></insertHtml>
46+
<insertHtml url="/devon4ng/sections/roadmap"></insertHtml>
47+
</div>
48+
</div>
49+
</div>
50+
<!-- FOOTER -->
51+
<insertHtml url="/html/footer"></insertHtml>
52+
</body>
53+
54+
</html>

‎devon4ng/sections/getting-started/component.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.gettingStarted .get-started-title {
2+
font-size: 14pt;
3+
}
4+
5+
@media (min-width: 768px) {
6+
.gettingStarted {
7+
margin: 0 25%;
8+
}
9+
}

‎devon4ng/sections/getting-started/component.html

+68
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<section id="gettingStarted" class="container-fluid anchorSection">
2+
<div class="sectionGrey">
3+
<div class="row justify-content-center">
4+
<h1 class="title-devon text-center DEVONcolor font-weight-bold mb-3 py-5">
5+
Getting started
6+
</h1>
7+
</div>
8+
<div class="gettingStarted text-center">
9+
<div class="row">
10+
<div class="col-md-2 col-12">
11+
<a href="https://github.com/oasp/oasp.github.io/tree/master/oasp4j">
12+
<img src="/assets/images/enviroment_icon.png">
13+
</a>
14+
</div>
15+
<div class="col-md-10 col-12">
16+
<p>
17+
<a href="https://github.com/oasp/oasp-tutorial-sources/wiki/OASP4jsGettingStartedHome">
18+
Follow the hands-on tutorial
19+
</a>
20+
</p>
21+
<p>
22+
Setup the devon4J reference application (MyThaiStart) and build your own devon4J application from scratch (JumpTheQueue)
23+
</p>
24+
</div>
25+
</div>
26+
<div class="row">
27+
<div class="col-md-2 col-12">
28+
<a href="">
29+
<img src="/assets/images/help_icon.png">
30+
</a>
31+
</div>
32+
<div class="col-md-10 col-12">
33+
<p>
34+
<a href="https://github.com/devonfw/devon/wiki">
35+
Help making devonfw even better
36+
</a>
37+
</p>
38+
<p>
39+
Remember this is a joint effort and you are welcome to contribute.
40+
</p>
41+
</div>
42+
</div>
43+
<div class="row">
44+
<div class="col-md-2 col-12">
45+
<a class="only-external">
46+
<img src="/assets/images/view_icon.png">
47+
</a>
48+
<a class="only-internal" href="http://de-mucdevondepl01:8090/">
49+
<img src="/assets/images/view_icon.png">
50+
</a>
51+
</div>
52+
<div class="col-md-10 col-12">
53+
<p>
54+
<a class="only-external" data-toggle="tooltip" title="Connect to Capgemini Network!">
55+
View the demo tutorial
56+
</a>
57+
<a class="only-internal" href="http://de-mucdevondepl01:8090">
58+
View the demo tutorial
59+
</a>
60+
</p>
61+
<p>
62+
There is currently one rather technical demo, simulating a few use cases of a restaurant management application - My Thai Star.
63+
</p>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
</section>

‎devon4ng/sections/introduction/component.css

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.introduction {
2+
padding: 10% !important;
3+
}
4+
5+
.introduction p {
6+
font-size: 14pt !important;
7+
line-height: 18pt;
8+
}
9+
10+
section.cut-br {
11+
z-index: 5;
12+
}
13+
14+
.cut-br {
15+
position: relative;
16+
}
17+
18+
.cut-br::before{
19+
content: '';
20+
position: absolute;
21+
right: 0%;
22+
bottom: 0%;
23+
width: 0;
24+
height: 0;
25+
border-left: 100px solid transparent;
26+
border-bottom: 100px solid white;
27+
clear: both;
28+
}

‎devon4ng/sections/introduction/component.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<section class="cut-br">
2+
<div class="row m-0 padding-top-md p-5 text-white bg-devon background-devon shadow introduction">
3+
<br>
4+
<h1 class="p-1 font-weight-bold underline-devon-white">devonfw 4 Angular</h1>
5+
<br>
6+
<p class="p-1">
7+
The Open Application Standard Platform provides a solution to building applications which combine best-in class-frameworks
8+
and libraries as well as industry proven practices and code conventions. devon4ng is the JavaScript variant of
9+
the devonfw focusing on JavaScript client's part of applications
10+
</p>
11+
</div>
12+
</section>

‎devon4ng/sections/overview/component.css

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
#developers-slogan {
2+
color: black !important;
3+
font-weight: bold !important;
4+
font-size: 1.5rem;
5+
line-height: 1.1;
6+
}
7+
8+
#overview-applic-ref p,
9+
#overview-applic-template p,
10+
#overview-sample-application p,
11+
#overview-documentation p {
12+
color: #585657;
13+
font-size: 12pt;
14+
line-height: 18pt;
15+
text-align: center;
16+
}
17+
18+
#overview-applic-ref .btn,
19+
#overview-applic-template .btn,
20+
#overview-sample-application .btn,
21+
#overview-documentation .btn{
22+
font-size: 12pt !important;
23+
}
24+
25+
.cut-tl {
26+
position: relative;
27+
}
28+
29+
.cut-tl::before{
30+
content: '';
31+
position: absolute;
32+
top: 0%;
33+
left: 0%;
34+
width: 0;
35+
height: 0;
36+
border-right: 50px solid transparent !important;
37+
border-top: 50px solid #4bbdec;
38+
clear: both;
39+
}

‎devon4ng/sections/overview/component.html

+82
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<div id="overview" class="text-center anchorSection">
2+
<div class="cut-tl">
3+
<br>
4+
<h5 id="developers-slogan" class="slogan mb-0 mt-4 mx-3 p-5">From developers to developers!</h5>
5+
<br>
6+
<h1 id="title-section" class="font-weight-bold DEVONcolor mb-3 py-5 sideline-devon-blue d-none d-md-inline">Overview</h1>
7+
<h1 id="title-section" class="font-weight-bold DEVONcolor mb-3 py-5 d-inline d-md-none">Overview</h1>
8+
<!-- DOCUMENTATION SECTION -->
9+
<section id="overview-documentation" class="mx-auto mr-1 mb-1 px-5">
10+
<br>
11+
<div class="d-inline">
12+
<h2 class="underline-devon-black">Documentation</h2>
13+
14+
<p class="py-5 px-4">
15+
Learn more about the devonfw front-end implementation based on Angular Framework.
16+
</p>
17+
<!-- Buttons row -->
18+
<div class="row d-inline m-0" style="padding-bottom:50px;">
19+
<div class="col-lg-11 col-md-11 col-sm-11 col-11 text-xs-center button-style mx-auto">
20+
<a href="https://github.com/devonfw/devon/wiki/Client-GUI-Angular-Introduction-to-oasp4js" class="btn btn-primary mx-4 mb-2 px-5 py-2 py-md-4"> Wiki </a>
21+
<a href="https://github.com/oasp/oasp-vscode-ide" class="btn btn-primary mx-4 mb-2 px-5 py-2 py-md-4"> IDE </a>
22+
</div>
23+
</div>
24+
</div>
25+
</section>
26+
<!-- APPLICATION REFERENCE SECTION -->
27+
<section id="overview-applic-ref" class=" mx-auto mr-1 mb-1 px-5">
28+
<br>
29+
<div class="d-inline">
30+
<h2 class="underline-devon-black">Reference Application</h2>
31+
<p class="py-5 px-4">
32+
My Thai Star is an iCSD Capgemini initiative that hosts an application reference. This application is about the management
33+
of a restaurant.
34+
</p>
35+
<!-- Buttons row -->
36+
<div class="row d-inline m-0" style="padding-bottom:50px;">
37+
<div class="col-lg-11 col-md-11 col-sm-11 col-11 text-xs-center button-style mx-auto">
38+
<a href="http://de-mucdevondepl01:8090" class="btn btn-primary mx-4 mb-2 px-5 py-md-4 py-2"> Web App </a>
39+
<a href="https://github.com/oasp/my-thai-star/tree/master/angular" class="btn btn-primary mx-4 mb-2 px-5 py-md-4 py-2"> Stable </a>
40+
<a href="https://github.com/oasp/my-thai-star/tree/develop/angular" class="btn btn-primary mx-4 mb-2 px-5 py-md-4 py-2"> Develop </a>
41+
</div>
42+
</div>
43+
</div>
44+
</section>
45+
<!-- APPLICATION TEMPLATE SECTION -->
46+
<section id="overview-applic-template" class=" mx-auto mr-1 mb-1 px-5">
47+
<br>
48+
<div class="d-inline">
49+
<h2 class="underline-devon-black">Application Starters</h2>
50+
<p class="py-5 px-4">
51+
devonfw offers you a template based on Angular 4, Material Design and Covalent. The application starters define a structure
52+
as well as integrates best-in-class frameworks and libraries. In addition to this, the template includes
53+
Angular CLI scripts which support developers in their activities such as coding, testing and building the
54+
application.
55+
</p>
56+
<!-- Buttons row -->
57+
<div class="row d-inline" style="padding-bottom:50px;">
58+
<div class="col-lg-11 col-md-11 col-sm-11 col-11 text-xs-center button-style mx-auto">
59+
<a href="https://github.com/oasp/oasp4js-application-template" class="btn btn-primary mx-4 mb-2 px-5 py-2 py-md-4"> View details </a>
60+
</div>
61+
</div>
62+
</div>
63+
</section>
64+
<!-- DEVON4NG CATALOG SECTION -->
65+
<section id="overview-sample-application" class=" mx-auto mr-1 mb-1 px-5">
66+
<br>
67+
<div class="d-inline">
68+
<h2 class="underline-devon-black">devon4ng Catalog</h2>
69+
<p class="py-5 px-4">
70+
devon4ng Catalog provides the collection of Angular components, sorted on the basis of UI frameworks such as Material Design,
71+
Bootstrap, PrimeNG, etc.
72+
</p>
73+
<!-- Buttons row -->
74+
<div class="row d-inline" style="padding-bottom:50px;">
75+
<div class="col-lg-11 col-md-11 col-sm-11 col-11 text-xs-center button-style mx-auto" style="margin-bottom: 60px;">
76+
<a href="https://oasp.github.io/oasp4js-catalog/" class="btn btn-primary mx-4 mb-2 px-5 py-md-4 py-2"> View details </a>
77+
</div>
78+
</div>
79+
</div>
80+
</section>
81+
</div>
82+
</div>

‎devon4ng/sections/roadmap/component.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
#current-release ul {
2+
color: #959595;
3+
font-size: 12pt;
4+
line-height: 25px;
5+
}
6+
7+
#current-release h4 {
8+
color: #959595 !important;
9+
}

‎devon4ng/sections/roadmap/component.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<section id="current-release" class="anchorSection">
2+
<div class="text-center py-5">
3+
<h1 class="title-devon text-center DEVONcolor font-weight-bold mb-3 py-5 sideline-devon-blue d-none d-md-inline">Current Release</h1>
4+
<h1 class="title-devon text-center DEVONcolor font-weight-bold mb-3 py-5 d-inline d-md-none">Current Release</h1>
5+
<h2 class="text-center background-devon text-white p-5 mt-5"> Latest release of devon4ng</h2>
6+
<h4 class="text-center p-4">Main features</h4>
7+
<ul class="text-secondary">
8+
<li class="p-2">devon4ng assets updated to Angular 6 (as well as for Ionic 3.20.0)</li>
9+
<li class="p-2">devon4ng Angular application template updated to Angular 6 with visual improvements and bugfixes. </br>More details
10+
in
11+
<a href="https://github.com/oasp/oasp4js-application-template" target="_blank">https://github.com/oasp/oasp4js-application-template</a>
12+
</li>
13+
<li class="p-2">devon4ng Ionic application template updated and improved. </br>More details in
14+
<a href="https://github.com/oasp/oasp4js-ionic-application-template" target="_blank">https://github.com/oasp/oasp4js-ionic-application-template</a>
15+
</li>
16+
<li class="p-2">PWA enabled</li>
17+
</ul>
18+
</div>
19+
</section>

‎devon4ng/sections/sidenav/component.css

Whitespace-only changes.

‎devon4ng/sections/sidenav/component.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<nav class="navbar container-fluid DEVON-SIDEBAR d-none d-md-block">
2+
<!--links-->
3+
<ul class="navbar-nav">
4+
<li class="nav-item pl-4 py-2">
5+
<a class="nav-link font-weight-bold" href="#overview">Overview</a>
6+
</li>
7+
<li class="nav-item pl-4 py-2">
8+
<a class="nav-link font-weight-bold" href="#gettingStarted">Getting started</a>
9+
</li>
10+
<li class="nav-item pl-4 py-2">
11+
<a class="nav-link font-weight-bold" href="#current-release">Current Release</a>
12+
</li>
13+
</ul>
14+
</nav>

‎html/footer/component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h3>
1919
<a href="/devon4j" class="text-white">devon4J</a>
2020
</span> |
2121
<span>
22-
<a href="/devon4js" class="text-white">devon4JS</a>
22+
<a href="/devon4ng" class="text-white">devon4ng</a>
2323
</span>
2424
</p>
2525
</div>

0 commit comments

Comments
 (0)