Skip to content

Commit 7d22ed0

Browse files
alirana01alirana01
authored
IEP-1253: Welcome page ESP-IDF Manager link added (#1041)
* IEP-1253: Welcome page ESP-IDF Manager link added
1 parent 99098c4 commit 7d22ed0

2 files changed

Lines changed: 126 additions & 96 deletions

File tree

‎bundles/com.espressif.idf.ui/go.css‎

Lines changed: 92 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,93 @@
1-
.page-style {
2-
text-align: center;
3-
margin-top: 100px;
1+
body {
2+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
3+
background-color: #fff;
4+
margin: 0;
5+
padding: 0;
6+
}
7+
8+
.content {
9+
text-align: center;
10+
padding: 50px 20px;
11+
margin-right: 220px; /* Leave space for the sidebar */
12+
}
13+
14+
#icon {
15+
width: 200px; /* Increase the logo size */
16+
}
17+
18+
h2 {
19+
font-size: 24px;
20+
margin: 20px 0;
21+
}
22+
23+
p {
24+
font-size: 16px;
25+
line-height: 1.5;
26+
max-width: 600px;
27+
margin: 0 auto 30px; /* Center align and add space below */
28+
}
29+
30+
.esp-idf-button {
31+
display: inline-block;
32+
padding: 10px 20px;
33+
font-size: 16px;
34+
border: 2px solid #000;
35+
background-color: #fff;
36+
color: #000; /* Text color */
37+
cursor: pointer;
38+
border-radius: 5px;
39+
text-align: center;
40+
margin-top: 20px;
41+
text-decoration: none; /* Remove underline */
42+
}
43+
44+
.esp-idf-button:hover {
45+
background-color: #f0f0f0; /* Slight hover effect */
46+
}
47+
48+
.sidebar {
49+
position: fixed;
50+
right: 0;
51+
top: 100px; /* Adjust based on how much space you want at the top */
52+
width: 200px;
53+
padding: 20px;
54+
background-color: #fff;
55+
border-left: 1px solid #ccc;
56+
}
57+
58+
.sidebar h2 {
59+
font-size: 18px;
60+
margin-bottom: 10px;
61+
}
62+
63+
.sidebar ul {
64+
list-style-type: none;
65+
padding: 0;
66+
margin: 0 0 20px 0;
67+
}
68+
69+
.sidebar ul li {
70+
margin-bottom: 10px;
71+
}
72+
73+
.sidebar ul li a {
74+
text-decoration: none;
75+
color: #007bff;
76+
font-size: 14px;
77+
}
78+
79+
.sidebar ul li a:hover {
80+
text-decoration: underline;
81+
}
82+
83+
#footer {
84+
text-align: center;
85+
font-size: 12px;
86+
color: gray;
87+
margin-top: 40px;
88+
padding: 20px 0;
89+
width: 100%;
90+
position: fixed;
91+
bottom: 0;
92+
background-color: #fff;
493
}
5-
body > div.page-style {
6-
padding-left: 30%;
7-
padding-right: 30%;
8-
}
9-
#title {
10-
margin-top: 3%;
11-
width: 50%;
12-
}
13-
#icon {
14-
width: 50%;
15-
}
16-
#copyright {
17-
color: gray;
18-
font-size: medium;
19-
text-align: right;
20-
}
21-
.content {
22-
margin-left: 2%;
23-
margin-right: 2%;
24-
padding-right: 10%;
25-
padding-left: 10%;
26-
font-size: large;
27-
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
28-
}
29-
.content-help {
30-
margin-left: 2%;
31-
margin-right: 2%;
32-
padding-top: 2%;
33-
padding-right: 10%;
34-
padding-left: 10%;
35-
}
36-
.body {
37-
background: #fff;
38-
}
39-
.icon {
40-
margin: 5%;
41-
}
42-
.icon-help {
43-
margin: 1%;
44-
}
45-
.link {
46-
display: block;
47-
height: 100%;
48-
}
49-
.button {
50-
background: #fff;
51-
transition: all 200ms;
52-
}
53-
.button:hover {
54-
background: gainsboro;
55-
}
56-
.header {
57-
padding: 2%;
58-
padding-left: 5%;
59-
padding-right: 5%;
60-
}
61-
.help-header {
62-
padding-left: 5%;
63-
padding-right: 5%;
64-
}
65-
.fill {
66-
width: auto;
67-
}
68-

‎bundles/com.espressif.idf.ui/index.html‎

Lines changed: 34 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,36 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<meta charset="utf-8">
4-
<title>Espressif-IDE</title>
5-
<link rel="stylesheet" href="go.css" type="text/css" />
6-
<body class="body">
7-
<div class="content">
8-
<img id="icon" src="icons/esp.png"></img>
9-
<h2>Welcome to Espressif-IDE</h2>
10-
<p>
11-
Espressif-IDE brings developers an easy-to-use Eclipse based development environment for developing ESP32 based IoT applications. It provides better tooling capabilities, which simplifies and enhances standard Eclipse CDT for developing and debugging ESP32 IoT applications. It offers advanced editing, compiling, flashing and debugging features with the addition of Installing the tools, SDK configuration and CMake editors.
12-
</p>
13-
It supports ESP-IDF CMake based projects (4.x and above) with ESP32, ESP32-S, ESP32-C, ESP32-H and ESP32-P Series SoCs.
14-
</ul>
15-
<h2>What's New?</h2>
16-
<ul>
17-
<a href="https://github.com/espressif/idf-eclipse-plugin/releases">Espressif-IDE Releases</a>
18-
</ul>
19-
<h2>Documentation</h2>
20-
<ul>
21-
<a href="https://github.com/espressif/idf-eclipse-plugin#espressif-idf-eclipse-plugins">Espressif-IDE Guide</a>
22-
</ul>
23-
<ul>
24-
<a href="https://docs.espressif.com/projects/esp-idf/en/latest/index.html">ESP-IDF Programming Guide</a>
25-
</ul>
26-
<ul id="copyright">
27-
© Espressif Systems 2024 </li>
28-
</ul>
29-
</div>
30-
</body>
31-
</html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Espressif-IDE</title>
6+
<link rel="stylesheet" href="go.css" type="text/css">
7+
</head>
8+
<body class="body">
9+
<div class="content">
10+
<img id="icon" src="icons/esp.png" alt="Espressif Logo">
11+
<h2>Welcome to Espressif-IDE</h2>
12+
<p>
13+
Espressif-IDE brings developers an easy-to-use Eclipse-based development environment for developing ESP32-based IoT applications. It provides better tooling capabilities, which simplifies and enhances standard Eclipse CDT for developing and debugging ESP32 IoT applications.
14+
</p>
15+
<br/>
16+
<p>
17+
To get started, please click on the ESP-IDF Manager below to configure ESP-IDF and its tools.
18+
</p>
19+
<a href="http://org.eclipse.ui.intro/execute?command=com.espressif.idf.ui.espidfmanager" class="esp-idf-button">ESP-IDF Manager</a>
20+
</div>
21+
<div class="sidebar">
22+
<h2>What's New?</h2>
23+
<ul>
24+
<li><a href="https://github.com/espressif/idf-eclipse-plugin/releases">Espressif-IDE Releases</a></li>
25+
</ul>
26+
<h2>Documentation</h2>
27+
<ul>
28+
<li><a href="https://github.com/espressif/idf-eclipse-plugin#espressif-idf-eclipse-plugins">Espressif-IDE Guide</a></li>
29+
<li><a href="https://docs.espressif.com/projects/esp-idf/en/latest/index.html">ESP-IDF Programming Guide</a></li>
30+
</ul>
31+
</div>
32+
<div id="footer">
33+
© Espressif Systems 2024
34+
</div>
35+
</body>
36+
</html>

0 commit comments

Comments
 (0)