Added launchreel and static content with images and video
This commit is contained in:
parent
8d9abcdfa6
commit
9eb574e8dc
10 changed files with 1868 additions and 36 deletions
87
site/launchreel.yaml
Normal file
87
site/launchreel.yaml
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
project:
|
||||
name: "Dynavera"
|
||||
url: "https://fyp.viswamedha.com"
|
||||
viewport: { width: 1440, height: 900, deviceScaleFactor: 2 }
|
||||
theme: "light"
|
||||
|
||||
scenarios:
|
||||
|
||||
- id: "manager-login-and-dashboard"
|
||||
name: "Manager Login and Dashboard Interactions"
|
||||
type: "screenshot+video"
|
||||
page: "/"
|
||||
actions:
|
||||
- wait: 2000
|
||||
- screenshot: { name: "01-home" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(2)" }
|
||||
- wait: 1500
|
||||
- screenshot: { name: "02-about" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(3)" }
|
||||
- wait: 1500
|
||||
- screenshot: { name: "03-getting-started" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(4)" }
|
||||
- wait: 1500
|
||||
- screenshot: { name: "04-pricing" }
|
||||
- click: { selector: ".ant-btn-background-ghost" }
|
||||
- wait: 1500
|
||||
- screenshot: { name: "05-login-page" }
|
||||
- type: { selector: "input[type=\"email\"]", text: "haleisaac@example.com" }
|
||||
- type: { selector: "input[type=\"password\"]", text: "password" }
|
||||
- screenshot: { name: "06-login-filled" }
|
||||
- click: { selector: "button[type=\"submit\"]" }
|
||||
- wait: 3000
|
||||
- screenshot: { name: "07-org-overview" }
|
||||
- scroll: { y: 350 }
|
||||
- wait: 700
|
||||
- screenshot: { name: "08-org-roles" }
|
||||
- scroll: { y: 0 }
|
||||
- click: { selector: ".header .ant-btn-primary" }
|
||||
- wait: 7000
|
||||
- screenshot: { name: "09-manage-details" }
|
||||
- click: { selector: ".ant-tabs-tab:has-text(\"Members\")" }
|
||||
- wait: 1000
|
||||
- screenshot: { name: "10-manage-members" }
|
||||
- click: { selector: ".ant-tabs-tab:has-text(\"Roles\")" }
|
||||
- wait: 1000
|
||||
- screenshot: { name: "11-manage-roles" }
|
||||
- click: { selector: ".ant-tabs-tab:has-text(\"Files\")" }
|
||||
- wait: 1000
|
||||
- screenshot: { name: "12-manage-files" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(5)" }
|
||||
- wait: 2000
|
||||
- screenshot: { name: "13-agents-list" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(7)" }
|
||||
- wait: 3000
|
||||
- screenshot: { name: "14-progress-overview" }
|
||||
|
||||
- id: "trainee-login-and-onboarding"
|
||||
name: "Trainee Login and Onboarding Interactions"
|
||||
type: "screenshot+video"
|
||||
page: "/"
|
||||
actions:
|
||||
- click: { selector: ".ant-btn-background-ghost" }
|
||||
- wait: 3000
|
||||
- click: { selector: ".ant-btn-background-ghost" }
|
||||
- wait: 1500
|
||||
- type: { selector: "input[type=\"email\"]", text: "j.thompson@example.com" }
|
||||
- type: { selector: "input[type=\"password\"]", text: "password" }
|
||||
- screenshot: { name: "15-trainee-login" }
|
||||
- click: { selector: "button[type=\"submit\"]" }
|
||||
- wait: 3000
|
||||
- screenshot: { name: "16-trainee-org-view" }
|
||||
- scroll: { y: 250 }
|
||||
- wait: 700
|
||||
- screenshot: { name: "17-trainee-roles-list" }
|
||||
- click: { selector: ".role-item:first-of-type .ant-btn-default" }
|
||||
- wait: 4000
|
||||
- screenshot: { name: "18-onboarding-entry" }
|
||||
- scroll: { y: 400 }
|
||||
- wait: 1000
|
||||
- screenshot: { name: "19-onboarding-mid" }
|
||||
- scroll: { y: 800 }
|
||||
- wait: 700
|
||||
- screenshot: { name: "20-onboarding-bottom" }
|
||||
|
||||
export:
|
||||
videos: { format: "mp4", fps: 24, crf: 18 }
|
||||
combined_video: { enabled: true, name: "demo-recording.mp4" }
|
||||
1716
site/package-lock.json
generated
1716
site/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -22,8 +22,10 @@
|
|||
"ant-design-vue": "^4.2.6",
|
||||
"axios": "^1.13.2",
|
||||
"dompurify": "^3.3.1",
|
||||
"launchreel": "^0.0.3",
|
||||
"marked": "^17.0.3",
|
||||
"pinia": "^3.0.4",
|
||||
"rrweb": "^2.0.0-alpha.20",
|
||||
"vue": "^3.5.26",
|
||||
"vue-router": "^4.6.4"
|
||||
},
|
||||
|
|
|
|||
BIN
site/public/launch-reel.mp4
Normal file
BIN
site/public/launch-reel.mp4
Normal file
Binary file not shown.
BIN
site/public/screenshots/feature-agent-workflows.png
Normal file
BIN
site/public/screenshots/feature-agent-workflows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 221 KiB |
BIN
site/public/screenshots/feature-modular-content.png
Normal file
BIN
site/public/screenshots/feature-modular-content.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 788 KiB |
BIN
site/public/screenshots/feature-reporting.png
Normal file
BIN
site/public/screenshots/feature-reporting.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
|
|
@ -35,17 +35,17 @@ const features = [
|
|||
{
|
||||
title: 'Modular Content',
|
||||
desc: 'Compose learning journeys from small, reusable modules. Mix videos and interactive checks.',
|
||||
img: 'https://placehold.co/600x400?text=Modular+Content',
|
||||
img: '/screenshots/feature-modular-content.png',
|
||||
},
|
||||
{
|
||||
title: 'Agent Workflows',
|
||||
desc: 'Automate guidance and triggers with configurable agents to move users through onboarding steps.',
|
||||
img: 'https://placehold.co/600x400?text=Agent+Workflows',
|
||||
img: '/screenshots/feature-agent-workflows.png',
|
||||
},
|
||||
{
|
||||
title: 'Reporting & Insights',
|
||||
desc: 'Lightweight reports showing completion and engagement metrics.',
|
||||
img: 'https://placehold.co/600x400?text=Reporting',
|
||||
img: '/screenshots/feature-reporting.png',
|
||||
},
|
||||
]
|
||||
</script>
|
||||
|
|
@ -59,6 +59,11 @@ const features = [
|
|||
with modular content and agent-driven workflows. It is designed for teams that want
|
||||
tangible learning experiences quickly without complex LMS setup.
|
||||
</Typography.Paragraph>
|
||||
<div class="video-wrapper">
|
||||
<video controls class="launch-video">
|
||||
<source src="/launch-reel.mp4" type="video/mp4" />
|
||||
</video>
|
||||
</div>
|
||||
<Divider />
|
||||
<Typography.Title :level="4">Getting started</Typography.Title>
|
||||
<List :data-source="steps" :bordered="false">
|
||||
|
|
@ -166,6 +171,16 @@ const features = [
|
|||
.compose-desc {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.video-wrapper {
|
||||
margin: 1rem 0 0.5rem;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.launch-video {
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.features {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
|
|
|
|||
56
site/study-raw-response.txt
Normal file
56
site/study-raw-response.txt
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
```yaml
|
||||
project:
|
||||
name: "Dynavera"
|
||||
url: "https://fyp.viswamedha.com"
|
||||
viewport: { width: 1440, height: 900, deviceScaleFactor: 2 }
|
||||
theme: "light"
|
||||
|
||||
scenarios:
|
||||
|
||||
- id: "manager-login-and-dashboard"
|
||||
name: "Manager Login and Dashboard Interactions"
|
||||
type: "screenshot+video"
|
||||
page: "/"
|
||||
actions:
|
||||
- dismiss_cookies: true
|
||||
- wait: 2000
|
||||
- screenshot: { name: "login-screen" }
|
||||
- click: { selector: ".ant-menu-item:nth-child(2)" } # About
|
||||
- wait: 1500
|
||||
- click: { selector: ".ant-menu-item:nth-child(3)" } # Getting Started
|
||||
- wait: 1500
|
||||
- click: { selector: ".ant-menu-item:nth-child(4)" } # Pricing
|
||||
- wait: 1500
|
||||
- screenshot: { name: "pricing-page" }
|
||||
- click: { selector: ".ant-btn-background-ghost" } # Login button
|
||||
- wait: 1500
|
||||
- type: { selector: "#email", text: "haleisaac@example.com" }
|
||||
- type: { selector: "#password", text: "password" }
|
||||
- click: { selector: ".ant-btn-primary" } # Submit login form
|
||||
- wait_for_selector: { selector: ".header .ant-btn-primary" }
|
||||
- screenshot: { name: "dashboard" }
|
||||
- hover_cards: { selector: ".ant-tabs-tab-btn", delay: 1000 }
|
||||
- wait: 2000
|
||||
|
||||
- id: "trainee-login-and-onboarding"
|
||||
name: "Trainee Login and Onboarding Interactions"
|
||||
type: "screenshot+video"
|
||||
page: "/"
|
||||
actions:
|
||||
- dismiss_cookies: true
|
||||
- wait: 2000
|
||||
- screenshot: { name: "login-screen" }
|
||||
- click: { selector: ".ant-btn-background-ghost" } # Login button
|
||||
- wait: 1500
|
||||
- type: { selector: "#email", text: "j.thompson@example.com" }
|
||||
- type: { selector: "#password", text: "password" }
|
||||
- click: { selector: ".ant-btn-primary" } # Submit login form
|
||||
- wait_for_selector: { selector: ".role-item .ant-btn-default" }
|
||||
- screenshot: { name: "onboarding-screen" }
|
||||
- click: { selector: ".role-item .ant-btn-default:first-child" } # Start onboarding
|
||||
- wait: 5000
|
||||
|
||||
export:
|
||||
videos: { format: "mp4", fps: 24, crf: 18 }
|
||||
combined_video: { enabled: true, name: "demo-recording.mp4" }
|
||||
```
|
||||
22
site/study.json
Normal file
22
site/study.json
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{
|
||||
"baseUrl": "https://fyp.viswamedha.com",
|
||||
"siteName": "Dynavera",
|
||||
"pages": [
|
||||
{
|
||||
"url": "/",
|
||||
"title": "Dynavera",
|
||||
"metaDescription": "",
|
||||
"headings": [],
|
||||
"sections": [
|
||||
"app"
|
||||
],
|
||||
"interactive": [],
|
||||
"hasForms": false,
|
||||
"estimatedScrollHeight": 900,
|
||||
"navLinks": []
|
||||
}
|
||||
],
|
||||
"allLinks": [
|
||||
"/"
|
||||
]
|
||||
}
|
||||
Loading…
Reference in a new issue