Skip to content

Commit 1727da6

Browse files
phoenixidephoenixide
committed
deploy: 8a905e4 
1 parent 0176f26 commit 1727da6

File tree

47 files changed

+226
-146
lines changed

Some content is hidden

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

47 files changed

+226
-146
lines changed

‎appConfig.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ window.AppConfig = {
2323
"extension_store_url": "https://store.core.ai/src/",
2424
"app_notification_url": "assets/notifications/dev/",
2525
"linting.enabled_by_default": true,
26-
"build_timestamp": "2024-02-09T07:35:10.464Z",
26+
"build_timestamp": "2024-02-09T14:58:32.247Z",
2727
"googleAnalyticsID": "G-P4HJFPDB76",
2828
"googleAnalyticsIDDesktop": "G-VE5BXWJ0HF",
2929
"mixPanelID": "49c4d164b592be2350fc7af06a259bf3",
@@ -34,7 +34,7 @@ window.AppConfig = {
3434
"bugsnagEnv": "development"
3535
},
3636
"name": "Phoenix",
37-
"version": "3.3.0-19855",
37+
"version": "3.3.0-19862",
3838
"apiVersion": "3.3.0",
3939
"homepage": "https://core.ai",
4040
"issues": {

‎assets/default-project/en.zip‎

-15.5 KB
Binary file not shown.

‎assets/default-project/en/images/youtube_video.png‎

-12 KB
Loading

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

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,25 @@
1414
<h1>Phoenix</h1>
1515
<span>Modern, Open-source, IDE For The Web <br /></span><br />
1616
</div>
17-
<div>
18-
<a href="https://www.youtube.com/watch?v=Jkg3nAZ6vF8" target="_blank" title="Phoenix YouTube Channel">
19-
<img src="images/youtube_video.png" alt="Phoenix Code on YouTube"
20-
title="Phoenix Code on YouTube"
21-
style="cursor: pointer"/>
17+
<div class="video-container">
18+
<a
19+
href="https://www.youtube.com/watch?feature=player_embedded&v=Jkg3nAZ6vF8"
20+
target="_blank"
21+
title="Phoenix YouTube Channel">
22+
<img
23+
src="images/youtube_video.png"
24+
alt="Phoenix Code on YouTube"
25+
title="Phoenix Code on YouTube" />
2226
</a>
27+
<svg class="play-button" viewBox="0 0 200 200" alt="Play video">
28+
<circle
29+
cx="100"
30+
cy="100"
31+
r="90"
32+
fill="#333"
33+
fill-opacity="0.6" />
34+
<polygon points="70, 55 70, 145 145, 100" fill="white" />
35+
</svg>
2336
</div>
2437
</div>
2538
<img id="cloudLeftTop" alt="cloud" src="images/vector-top-left.png" />

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

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,13 @@ function onPageLoaded() {
22
// Write your javascript code here
33
console.log("page loaded");
44
}
5+
6+
document.addEventListener('DOMContentLoaded', function() {
7+
// Listen for clicks on elements with the class 'play-button'
8+
document.querySelectorAll('.play-button').forEach(function(button) {
9+
button.addEventListener('click', function() {
10+
// When a play button is clicked, simulate a click on the <a> tag within the same .video-container
11+
this.parentNode.querySelector('a').click();
12+
});
13+
});
14+
});

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

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -163,3 +163,24 @@ h1 {
163163
width: 100%;
164164
border: 0;
165165
}
166+
167+
.video-container {
168+
position: relative;
169+
display: inline-block; /* Or 'block' depending on layout */
170+
}
171+
172+
.video-container img {
173+
display: block; /* Remove bottom space/margin under the image */
174+
width: 100%; /* Adjust based on your needs */
175+
height: auto;
176+
}
177+
178+
.play-button {
179+
position: absolute;
180+
top: 50%;
181+
left: 50%;
182+
transform: translate(-50%, -50%);
183+
cursor: pointer;
184+
width: 64px; /* Adjust size of the play button */
185+
height: 64px; /* Adjust size of the play button */
186+
}

‎assets/new-project/assets/js/code-editor.js‎

Lines changed: 3 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -77,15 +77,9 @@ function getDisplayLocation(projectPath) {
7777
return Strings.PROJECT_FROM_BROWSER;
7878
}
7979

80-
const videoHTML = `<iframe id="noProjectIframe" style="align-items: center"
81-
src="https://www.youtube.com/embed/vtks0cus0hA" title="YouTube video player"
82-
frameBorder="0"
83-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
84-
allowFullScreen></iframe>`;
85-
86-
const imageHTML = `<img src="images/youtube_video.png" alt="Phoenix Code on YouTube"
80+
const imageHTML = `<img src="images/youtube_video.webp" alt="Phoenix Code on YouTube"
8781
title="Phoenix Code on YouTube"
88-
style="cursor: pointer"
82+
style="cursor: pointer; width: 100%; height: 100%"
8983
onclick="window.parent.brackets.app.openURLInDefaultBrowser('https://www.youtube.com/watch?v=vtks0cus0hA')"/>`;
9084

9185
function _updateProjectCards() {
@@ -108,17 +102,10 @@ function _updateProjectCards() {
108102
`recent-prj-list-${tabIndex}`, tabIndex++));
109103
}
110104
}
111-
const Phoenix = window.top.Phoenix;
112105
if(!showRecentProjects){
113106
$("#recentProjectsContainer").addClass("forced-hidden");
114107
$("#noProjectContainer").removeClass("forced-hidden");
115-
if(Phoenix.browser.isTauri && Phoenix.platform === 'linux'){
116-
// in desktop linux, tauri app images causes a 2-5 second pause to load the video codecs
117-
// We do not show videos in linux in default, except if the user explicitly adds a video in live preview.
118-
document.getElementById("YTVideoFrame").innerHTML = imageHTML;
119-
} else {
120-
document.getElementById("YTVideoFrame").innerHTML = videoHTML;
121-
}
108+
document.getElementById("YTVideoFrame").innerHTML = imageHTML;
122109
}
123110
}
124111

‎assets/new-project/images/youtube_video.png‎

-57.5 KB
Binary file not shown.

‎assets/new-project/images/youtube_video.webp‎

149 KB
Loading

‎assets/sample-projects/HTML5.zip‎

0 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)