Skip to content

Commit 2c7ce30

Browse files
dcamarmasdcamarmas
authored
Merge pull request #24 from creatorsim/master
CREATOR Logos added
2 parents 64c37b0 + de3dff5 commit 2c7ce30

8 files changed

Lines changed: 104 additions & 25 deletions

File tree

‎.github/workflows/creator.yml‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ name: CREATOR CI
33
on:
44
push:
55
branches: [master]
6+
workflow_dispatch:
67

78
jobs:
89
build-web:

‎public/content/contributors.yml‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
- v4.1
1111
- v5.0
1212
- v6.0
13+
- v6.1
1314
links:
1415
github: edelpozop
1516
researchgate: Elias-Del-Pozo-Punal-2
@@ -38,6 +39,7 @@
3839
versions:
3940
- v5.0
4041
- v6.0
42+
- v6.1
4143
links:
4244
github: ALVAROPING1
4345
linkedin: álvaro-guerrero-espinosa
@@ -46,6 +48,7 @@
4648
versions:
4749
- v5.0
4850
- v6.0
51+
- v6.1
4952
description: Real hardware integration
5053
links:
5154
github: EUtrilla2002
@@ -54,6 +57,7 @@
5457
- name: Luis Daniel Casais Mezquida
5558
versions:
5659
- v6.0
60+
- v6.1
5761
description: Website migration, interrupts, timers, and memory-mapped devices
5862
links:
5963
github: rajayonin
@@ -62,6 +66,7 @@
6266
- name: Jorge Ramos Santana
6367
versions:
6468
- v6.0
69+
- v6.1
6570
description: Full core rewrite, new testing framework, new web UI, new CLI, RV64 & Z80 architectures, new project website (hello!)
6671
links:
6772
github: mjorgers

‎public/content/evolution.yml‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
1+
#v6.1:
2+
# release: Feb 2026
3+
# info:
4+
# - Sail integration (RISC-V 32 and RISC-V 64 full specification supported)
5+
# - Cache module integrated by Sail
6+
# - Arduino support for ESP-32
7+
# - New activity bar
8+
# url: https://creatorsim.github.io/creator-v6.1
9+
110
v6.0:
2-
release: Feb 2026
11+
release: Jan 2026
312
info:
413
- Biggest update since the initial release!
514
- Complete rewrite of the codebase

‎public/images/creator.webp‎

20 KB
Loading

‎public/images/creator_small.webp‎

42 KB
Loading

‎public/images/creator_white.webp‎

59.2 KB
Loading

‎src/components/AppHeader.vue‎

Lines changed: 72 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -5,53 +5,63 @@
55
<nav
66
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between"
77
>
8-
<div class="flex-shrink-0">
9-
<h1
10-
class="text-lg sm:text-xl font-bold text-blue-600 dark:text-blue-400 leading-tight"
11-
>
12-
CREATOR
13-
</h1>
14-
<p
15-
class="text-[10px] sm:text-xs text-gray-600 dark:text-gray-400 leading-tight"
16-
>
17-
didaCtic and geneRic assEmbly progrAmming simulaTOR
18-
</p>
8+
<div class="flex-shrink-0 flex items-center gap-3">
9+
<a href="#">
10+
<img
11+
src="/images/creator_small.webp"
12+
alt="Creator Simulator Logo"
13+
class="h-10 w-auto transition-transform hover:scale-105"
14+
/>
15+
</a>
16+
17+
<div class="hidden sm:block"> <h1 class="text-lg sm:text-xl font-bold text-blue-600 dark:text-blue-400 leading-tight">
18+
CREATOR
19+
</h1>
20+
<p class="text-[10px] sm:text-xs text-gray-600 dark:text-gray-400 leading-tight">
21+
didactic and generic assembly programming simulator
22+
</p>
23+
</div>
1924
</div>
2025

2126
<!-- Desktop Navigation -->
2227
<ul class="hidden md:flex items-center gap-3 lg:gap-6 text-sm">
2328
<li>
2429
<a
2530
href="#about"
26-
class="font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
31+
:class="isActive('about') ? 'text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300'"
32+
class="font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
2733
>About</a
2834
>
2935
</li>
3036
<li>
3137
<a
3238
href="#publications"
33-
class="font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
39+
:class="isActive('publications') ? 'text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300'"
40+
class="font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
3441
>Publications</a
3542
>
3643
</li>
3744
<li>
3845
<a
3946
href="#evolution"
40-
class="font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
47+
:class="isActive('evolution') ? 'text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300'"
48+
class="font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
4149
>Evolution</a
4250
>
4351
</li>
4452
<li>
4553
<a
4654
href="#authors"
47-
class="font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
55+
:class="isActive('authors') ? 'text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300'"
56+
class="font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
4857
>Authors</a
4958
>
5059
</li>
5160
<li>
5261
<a
5362
href="#contributors"
54-
class="font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
63+
:class="isActive('contributors') ? 'text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300'"
64+
class="font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
5565
>Contributors</a
5666
>
5767
</li>
@@ -146,31 +156,36 @@
146156
<a
147157
href="#about"
148158
@click="closeMobileMenu"
149-
class="block px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
159+
:class="isActive('about') ? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'"
160+
class="block px-3 py-2 text-base font-medium hover:text-blue-600 dark:hover:text-blue-400 rounded-md"
150161
>About</a
151162
>
152163
<a
153164
href="#publications"
154165
@click="closeMobileMenu"
155-
class="block px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
166+
:class="isActive('publications') ? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'"
167+
class="block px-3 py-2 text-base font-medium hover:text-blue-600 dark:hover:text-blue-400 rounded-md"
156168
>Publications</a
157169
>
158170
<a
159171
href="#evolution"
160172
@click="closeMobileMenu"
161-
class="block px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
173+
:class="isActive('evolution') ? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'"
174+
class="block px-3 py-2 text-base font-medium hover:text-blue-600 dark:hover:text-blue-400 rounded-md"
162175
>Evolution</a
163176
>
164177
<a
165178
href="#authors"
166179
@click="closeMobileMenu"
167-
class="block px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
180+
:class="isActive('authors') ? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'"
181+
class="block px-3 py-2 text-base font-medium hover:text-blue-600 dark:hover:text-blue-400 rounded-md"
168182
>Authors</a
169183
>
170184
<a
171185
href="#contributors"
172186
@click="closeMobileMenu"
173-
class="block px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
187+
:class="isActive('contributors') ? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'"
188+
class="block px-3 py-2 text-base font-medium hover:text-blue-600 dark:hover:text-blue-400 rounded-md"
174189
>Contributors</a
175190
>
176191
<button
@@ -233,13 +248,23 @@ export default {
233248
data() {
234249
return {
235250
isMobileMenuOpen: false,
251+
activeSection: '',
252+
observer: null,
236253
}
237254
},
238255
mounted() {
239256
// Init smooth scroll
240257
this.initSmoothScroll()
258+
// Init scroll Spy
259+
this.initScrollSpy()
260+
},
261+
beforeUnmount() {
262+
if (this.observer) this.observer.disconnect();
241263
},
242264
methods: {
265+
isActive(section) {
266+
return this.activeSection === section;
267+
},
243268
toggleDarkMode() {
244269
this.$emit("toggle-dark-mode")
245270
},
@@ -249,14 +274,40 @@ export default {
249274
closeMobileMenu() {
250275
this.isMobileMenuOpen = false
251276
},
277+
initScrollSpy() {
278+
const sections = document.querySelectorAll('section');
279+
280+
const options = {
281+
root: null,
282+
rootMargin: '-45% 0px -45% 0px',
283+
threshold: 0
284+
};
285+
286+
this.observer = new IntersectionObserver((entries) => {
287+
entries.forEach((entry) => {
288+
if (entry.isIntersecting) {
289+
this.activeSection = entry.target.id;
290+
}
291+
});
292+
}, options);
293+
294+
sections.forEach((section) => {
295+
this.observer.observe(section);
296+
});
297+
},
252298
initSmoothScroll() {
299+
const self = this;
300+
253301
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
254302
anchor.addEventListener("click", function (e) {
255303
const href = this.getAttribute("href")
256304
if (href !== "#" && href.length > 1) {
257305
e.preventDefault()
258306
const target = document.querySelector(href)
259307
if (target) {
308+
self.activeSection = href.substring(1);
309+
self.closeMobileMenu();
310+
260311
const headerOffset = 64
261312
const elementPosition = target.getBoundingClientRect().top
262313
const offsetPosition =

‎src/components/HeroSection.vue‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,13 @@
88
>
99
<!-- Content -->
1010
<div class="space-y-4 text-center lg:text-left">
11-
<h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold leading-tight">
12-
CREATOR
13-
</h2>
11+
<img
12+
src="/images/creator_white.webp"
13+
alt="Creator Simulator Logo"
14+
/>
1415
<p
1516
class="text-base sm:text-lg text-blue-100 dark:text-gray-300 max-w-2xl mx-auto lg:mx-0"
17+
style="text-align: center;"
1618
>
1719
An educational integrated development environment for assembly
1820
programming, developed by the ARCOS research group at UC3M.
@@ -39,6 +41,17 @@
3941
Documentation
4042
</a>
4143
</div>
44+
<div
45+
class="flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center lg:justify-start"
46+
>
47+
<a
48+
class="lg:w-3xs inline-flex items-center justify-center px-6 py-3 bg-white text-blue-600 rounded-lg font-semibold hover:bg-blue-50 hover:scale-101 hover:shadow-xl transition-all"
49+
href="https://lookerstudio.google.com/s/pQXDJar8aoM"
50+
target="_blank"
51+
>
52+
Usage Statistics
53+
</a>
54+
</div>
4255
</div>
4356

4457
<!-- Carousel -->

0 commit comments

Comments
 (0)