Skip to content

Commit 3d5bbbc

Browse files
phoenixidephoenixide
committed
deploy: 851cfff 
1 parent a783878 commit 3d5bbbc

53 files changed

Lines changed: 6240 additions & 3800 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎assets/default-project/en.zip‎

37 Bytes
Binary file not shown.

‎assets/default-project/en/index.html‎

Lines changed: 90 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,97 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<title>Phoenix editor</title>
5-
<link rel="stylesheet" href="styles.css">
6-
<link href='https://fonts.googleapis.com/css?family=Montserrat:100,200,300,500,600,800' rel='stylesheet'>
7-
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
8-
<script src="video.js"></script>
9-
<script src="https://www.youtube.com/iframe_api"></script>
10-
</head>
3+
<head>
4+
<title>Phoenix editor</title>
5+
<link rel="stylesheet" href="styles.css" />
6+
<link
7+
href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,500,600,800"
8+
rel="stylesheet" />
9+
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
10+
<script src="video.js"></script>
11+
<script src="https://www.youtube.com/iframe_api"></script>
12+
</head>
1113

12-
<body>
13-
<img id="starsLeft" alt="stars" src="images/stars-left.svg"/>
14-
<div id="mainDiv">
15-
<img id="logo" alt="logo" src="images/phoenix-logo.svg"/>
16-
<div id="MainText">
17-
<h1>Phoenix</h1>
18-
<span>Modern, Open-source, IDE For The Web <br></span><br>
19-
</div>
20-
<div class="video-slider">
21-
<!-- SLIDE 1 -->
22-
<div class="slide">
23-
Live HTML preview
24-
<iframe title="Live HTML Preview" allow="fullscreen;" class="video"
25-
src="https://www.youtube.com/embed/RIslg6XQwLA?ecver=2&enablejsapi=1"></iframe>
14+
<body>
15+
<img id="starsLeft" alt="stars" src="images/stars-left.svg" />
16+
<div id="mainDiv">
17+
<img id="logo" alt="logo" src="images/phoenix-logo.svg" />
18+
<div id="MainText">
19+
<h1>Phoenix</h1>
20+
<span>Modern, Open-source, IDE For The Web <br /></span><br />
21+
</div>
22+
<div class="video-slider">
23+
<!-- SLIDE 1 -->
24+
<div class="slide">
25+
Live HTML preview
26+
<iframe
27+
title="Live HTML Preview"
28+
allow="fullscreen;"
29+
class="video"
30+
src="https://www.youtube.com/embed/RIslg6XQwLA?ecver=2&enablejsapi=1"></iframe>
31+
</div>
32+
<!-- SLIDE 2 -->
33+
<div class="slide">
34+
Share and publish your website on the web
35+
<iframe
36+
title="Live Markdown Preview"
37+
allow="fullscreen;"
38+
class="video"
39+
src="https://www.youtube.com/embed/dJTZ2iduagg?ecver=2&enablejsapi=1"></iframe>
40+
</div>
41+
<!-- SLIDE 2 -->
42+
<div class="slide">
43+
Live Markdown Preview
44+
<iframe
45+
title="Share and publish your website on the web"
46+
allow="fullscreen;"
47+
class="video"
48+
src="https://www.youtube.com/embed/buDeBgf-B60?ecver=2&enablejsapi=1"></iframe>
49+
</div>
50+
<!-- END OF SLIDES -->
51+
<div class="slide-arrow left"></div>
52+
<div class="slide-arrow right"></div>
53+
</div>
2654
</div>
27-
<!-- SLIDE 2 -->
28-
<div class="slide">
29-
Share and publish your website on the web
30-
<iframe title="Live Markdown Preview" allow="fullscreen;" class="video"
31-
src="https://www.youtube.com/embed/dJTZ2iduagg?ecver=2&enablejsapi=1"></iframe>
55+
<img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png" />
56+
<img
57+
id="cloudBottomRight"
58+
alt="cloud"
59+
src="images/vector-bottom-right.png" />
60+
<img id="starsRight" alt="stars" src="images/stars-right.svg" />
61+
<img
62+
class="clouds"
63+
alt="cloud"
64+
style="z-index: 3; transform: translate(0px, -1.55909px)"
65+
src="images/cloud1.svg" />
66+
<img
67+
class="clouds"
68+
alt="cloud"
69+
style="z-index: 6; transform: translate(0px, -2.33863px)"
70+
src="images/cloud2.svg" />
71+
<img
72+
class="clouds"
73+
alt="cloud"
74+
style="z-index: 5; transform: translate(0px, -3.89772px)"
75+
src="images/cloud3.svg" />
76+
<img
77+
class="clouds"
78+
alt="cloud"
79+
style="z-index: 6; transform: translate(0px, -3.89772px)"
80+
src="images/cloud4.svg" />
81+
<div class="night">
82+
<div class="shooting_star">
83+
<div class="shooting_star" />
84+
</div>
3285
</div>
33-
<!-- SLIDE 2 -->
34-
<div class="slide">
35-
Live Markdown Preview
36-
<iframe title="Share and publish your website on the web" allow="fullscreen;" class="video"
37-
src="https://www.youtube.com/embed/buDeBgf-B60?ecver=2&enablejsapi=1"></iframe>
86+
<div class="night">
87+
<div class="shooting_star">
88+
<div class="shooting_star" />
89+
</div>
3890
</div>
39-
<!-- END OF SLIDES -->
40-
<div class="slide-arrow left"></div>
41-
<div class="slide-arrow right"></div>
42-
</div>
43-
</div>
44-
<img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png"/>
45-
<img id="cloudBottomRight" alt="cloud" src="images/vector-bottom-right.png"/>
46-
<img id="starsRight" alt="stars" src="images/stars-right.svg"/>
47-
<img class="clouds" alt="cloud" style="z-index: 3; transform: translate(0px, -1.55909px);" src="images/cloud1.svg"/>
48-
<img class="clouds" alt="cloud" style="z-index: 6; transform: translate(0px, -2.33863px);" src="images/cloud2.svg"/>
49-
<img class="clouds" alt="cloud" style="z-index: 5; transform: translate(0px, -3.89772px);" src="images/cloud3.svg"/>
50-
<img class="clouds" alt="cloud" style="z-index: 6; transform: translate(0px, -3.89772px);" src="images/cloud4.svg"/>
51-
<div class="night">
52-
<div class="shooting_star">
53-
<div class="shooting_star"/>
54-
</div>
55-
</div>
56-
<div class="night">
57-
<div class="shooting_star">
58-
<div class="shooting_star"/>
59-
</div>
60-
</div>
61-
<div class="night">
62-
<div class="shooting_star">
63-
<div class="shooting_star"/>
64-
</div>
65-
</div>
66-
</body>
91+
<div class="night">
92+
<div class="shooting_star">
93+
<div class="shooting_star" />
94+
</div>
95+
</div>
96+
</body>
6797
</html>

‎assets/default-project/en/styles.css‎

Lines changed: 31 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
1-
21
body {
3-
background: #000A2E;
2+
background: #000a2e;
43
overflow: hidden;
54
display: flex;
65
justify-content: center;
76
align-items: center;
8-
font-family: 'Montserrat';
7+
font-family: "Montserrat";
98
}
109

1110
img {
@@ -38,16 +37,15 @@ img {
3837
z-index: 8;
3938
align-items: center;
4039
justify-content: center;
41-
display: flex!important;
42-
flex-direction: column!important;
40+
display: flex !important;
41+
flex-direction: column !important;
4342
}
4443

4544
#logo {
4645
height: 35vh;
4746
vertical-align: middle;
4847
border-style: none;
4948
box-sizing: border-box;
50-
5149
}
5250
@media screen and (max-width: 720px) {
5351
#mainDiv {
@@ -59,19 +57,19 @@ img {
5957
z-index: 8;
6058
align-items: center;
6159
justify-content: center;
62-
display: flex!important;
63-
flex-direction: column!important;
60+
display: flex !important;
61+
flex-direction: column !important;
6462
}
6563

6664
#logo {
6765
height: 125px;
6866
vertical-align: middle;
6967
position: relative;
70-
}
68+
}
7169
}
7270
#MainText {
7371
color: #ffffffef;
74-
text-align: center!important;
72+
text-align: center !important;
7573
}
7674

7775
h1 {
@@ -82,12 +80,17 @@ h1 {
8280
}
8381

8482
@keyframes Animation {
85-
0%{background-position:0% 0%}
86-
50%{background-position:100% 0%}
87-
100%{background-position:0% 0%}
83+
0% {
84+
background-position: 0% 0%;
85+
}
86+
50% {
87+
background-position: 100% 0%;
88+
}
89+
100% {
90+
background-position: 0% 0%;
91+
}
8892
}
8993

90-
9194
.clouds {
9295
position: absolute;
9396
bottom: 0;
@@ -121,12 +124,14 @@ h1 {
121124
top: 50%;
122125
width: 100px;
123126
height: 1px;
124-
background: linear-gradient(-45deg, rgba(95, 145, 255, 1), rgba(0, 0, 255, 0));
127+
background: linear-gradient(
128+
-45deg,
129+
rgba(95, 145, 255, 1),
130+
rgba(0, 0, 255, 0)
131+
);
125132
border-radius: 999px;
126133
filter: drop-shadow(0 0 6px rgba(105, 155, 255, 1));
127-
animation:
128-
tail 3000ms ease-in-out ,
129-
shooting 3000ms ease-in-out ;
134+
animation: tail 3000ms ease-in-out, shooting 3000ms ease-in-out;
130135
animation-fill-mode: forwards;
131136
}
132137

@@ -170,15 +175,15 @@ h1 {
170175
text-align: center;
171176
overflow: hidden;
172177
}
173-
.slide:first-child{
178+
.slide:first-child {
174179
left: 0;
175180
}
176-
.video{
181+
.video {
177182
height: 100%;
178183
width: 100%;
179-
border:0;
184+
border: 0;
180185
}
181-
.slide-arrow{
186+
.slide-arrow {
182187
position: absolute;
183188
top: 0;
184189
left: 0;
@@ -187,10 +192,10 @@ h1 {
187192
cursor: pointer;
188193
opacity: 100%;
189194
}
190-
.slide-arrow:hover{
195+
.slide-arrow:hover {
191196
opacity: 1;
192197
}
193-
.slide-arrow:after{
198+
.slide-arrow:after {
194199
content: "\003c";
195200
text-align: center;
196201
display: block;
@@ -201,10 +206,10 @@ h1 {
201206
left: 0;
202207
font-size: 3em;
203208
}
204-
.slide-arrow.right:after{
209+
.slide-arrow.right:after {
205210
content: "\003e";
206211
}
207-
.slide-arrow.right{
212+
.slide-arrow.right {
208213
left: auto;
209214
right: 0;
210215
}

‎assets/default-project/en/video.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
/*global YT*/
22
$(document).ready(function () {
33
var pos = 0,
4-
slides = $('.slide'),
4+
slides = $(".slide"),
55
numOfSlides = slides.length;
66

77
function nextSlide() {
88
// `[]` returns a vanilla DOM object from a jQuery object/collection
99
slides[pos].video.stopVideo();
10-
slides.eq(pos).animate({left: '-100%'}, 500);
11-
pos = (pos >= numOfSlides - 1 ? 0 : ++pos);
12-
slides.eq(pos).css({left: '100%'}).animate({left: 0}, 500);
10+
slides.eq(pos).animate({ left: "-100%" }, 500);
11+
pos = pos >= numOfSlides - 1 ? 0 : ++pos;
12+
slides.eq(pos).css({ left: "100%" }).animate({ left: 0 }, 500);
1313
}
1414

1515
function previousSlide() {
1616
slides[pos].video.stopVideo();
17-
slides.eq(pos).animate({left: '100%'}, 500);
18-
pos = (pos === 0 ? numOfSlides - 1 : --pos);
19-
slides.eq(pos).css({left: '-100%'}).animate({left: 0}, 500);
17+
slides.eq(pos).animate({ left: "100%" }, 500);
18+
pos = pos === 0 ? numOfSlides - 1 : --pos;
19+
slides.eq(pos).css({ left: "-100%" }).animate({ left: 0 }, 500);
2020
}
2121

22-
$('.left').click(previousSlide);
23-
$('.right').click(nextSlide);
22+
$(".left").click(previousSlide);
23+
$(".right").click(nextSlide);
2424
});
2525

2626
function onYouTubeIframeAPIReady() {
27-
$('.slide').each(function (index, slide) {
27+
$(".slide").each(function (index, slide) {
2828
// Get the `.video` element inside each `.slide`
29-
var iframe = $(slide).find('.video')[0];
29+
var iframe = $(slide).find(".video")[0];
3030
// Create a new YT.Player from the iFrame, and store it on the `.slide` DOM object
3131
slide.video = new YT.Player(iframe);
3232
});

‎assets/sample-projects/HTML5.zip‎

6 Bytes
Binary file not shown.

‎assets/sample-projects/HTML5/index.html‎

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<title>Title</title>
6-
<link rel="stylesheet" href="styles.css">
7-
<script src="script.js"></script>
8-
</head>
9-
<body>
10-
<h1 class="title">Hello World</h1>
11-
<div id="mainDiv">
12-
Hello Div
13-
</div>
14-
<br/>
15-
<button onclick="buttonClicked()">Click me</button>
16-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Title</title>
6+
<link rel="stylesheet" href="styles.css" />
7+
<script src="script.js"></script>
8+
</head>
9+
<body>
10+
<h1 class="title">Hello World</h1>
11+
<div id="mainDiv">Hello Div</div>
12+
<br />
13+
<button onclick="buttonClicked()">Click me</button>
14+
</body>
1715
</html>

‎assets/sample-projects/HTML5/script.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
let numButtonClicks = 0;
22
function buttonClicked() {
33
numButtonClicks = numButtonClicks + 1;
4-
document.getElementById("mainDiv").textContent = "Button Clicked times: " + numButtonClicks;
4+
document.getElementById("mainDiv").textContent =
5+
"Button Clicked times: " + numButtonClicks;
56
}

‎assets/sample-projects/HTML5/styles.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
.title{
1+
.title {
22
color: green;
33
}

‎assets/sample-projects/bootstrap-blog.zip‎

1.15 KB
Binary file not shown.

0 commit comments

Comments
 (0)