Skip to content

Landing page suitable for non-technical users #1631

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gregorydlogan merged 7 commits into from
Nov 25, 2025
Merged

Landing page suitable for non-technical users #1631

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
72465bb
created index.css for landingpage
ltekbas Sep 2, 2025
166213f
edit generate index.html task and added new task to update css to web…
ltekbas Sep 2, 2025
2136d56
fixed folder name
ltekbas Sep 2, 2025
c0e7361
moved css a folder down, edit href command
ltekbas Sep 3, 2025
ab90eff
Edit index.html command, added css command
ltekbas Sep 15, 2025
1d7f6cc
removed index changes from test file, edit assets command before chec…
ltekbas Sep 22, 2025
e17ecee
Merge branch 'r/17.x' into indexPageChanges
gregorydlogan Nov 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 99 additions & 0 deletions .github/assets/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
/*This contains Css for the generated index.html*/
@media (prefers-color-scheme: light) {
:root {
--header-color: #575757;
--bg-color: #F3F3F3;
--text-color: #0F0F0F;
--container-color: #fefefe;
--boxShadow-color: #0000004d;
--item-color: #fefefe;
--item-border: #d6cbc9;
--item-hover: #f3f3f3;
--item-boxShadow-color: #96969626;
}
}

@media (prefers-color-scheme: dark) {
:root {
--header-color: #2E2E2E;
--bg-color: #1E1E1E;
--text-color: #FFF;
--container-color: #171717;
--boxShadow-color: #0000004d;
--item-color: #171717;
--item-border: #151515;
--item-hover: #2e2e2e;
--item-boxShadow-color: #0000004d;
}
}

body {
margin: 0px;
background: var(--bg-color, #F3F3F3);
font-family: Roboto Flex Variable, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

/* Text Container */
.text-container {
/* Layout */
margin: 3% auto;
max-width: 75%;
padding: 10px 15px 10px 15px;

/* Styling */
border-radius: 5px;
background: var(--container-color, #fefefe);
box-shadow: 0 1px 3px 1px var(--boxShadow-color, #0000004d);
}
.text-container > p {
color: var(--text-color, #0F0F0F);
text-align: center;
font-size: 20px;
font-weight: 400;
}

/* Header */
.head-container {
width: 100%;
height: 45px;
background: var(--header-color, #575757);
}
.head-container > img {
/*Image Style*/
width: 180px;
height: 40px;
padding: 4px 10px 4px;
}

/* Version-List */
ul {
list-style-type: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
}

li {
width: 160px;
text-align: center;
padding: 15px 10px;
border-radius: 4px;
border: 1px solid var(--item-border, #d6cbc9);
background: var(--item-color, #fefefe);
box-shadow: 0px 5px 10px 0px var(--item-boxShadow-color, #96969626);
}

li:hover {
background-color: var(--item-hover, #f3f3f3);
}

li > a {
color: var(--text-color, #0F0F0F);
font-size: 18px;
font-weight: 400;
text-decoration: none;
padding:15px 50px;
}
11 changes: 10 additions & 1 deletion .github/workflows/deploy-main-branches.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ jobs:
rm -rf $BRANCH
mv build $BRANCH
#Generate an index, in case anyone lands at the root of the test domain
echo '<html><body><ul>' > index.html
echo $'<html><head><link rel=stylesheet type=text/css href=assets/index.css /></head><body><div class="head-container"><img src=assets/opencast-white.svg /></div><div class="navbar-container"></div><div class="text-container"><p>Deployment for the latest development versions of the Opencast editor.The branches listed here correspond to Opencast\'s own branches.</br><b>Please select a version.</b></p></div><ul>' > index.html
find . -mindepth 1 -maxdepth 1 -type d \
| grep '[0-9]*.x\|develop' \
| sort -r \
Expand All @@ -88,5 +88,14 @@ jobs:
env:
BRANCH: ${{needs.detect-repo-owner.outputs.branch}}

- name: update CSS and other assets
if: github.ref == 'refs/heads/develop'
run: |
rm -rf assets
mv assets_temp assets
git add assets
git diff --staged --quiet || git commit --amend -m "Build $(date)"


- name: Push updates
run: git push origin gh-pages --force
Loading