Skip to content
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

Create and layout Projects Page #14

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Create and layout Projects Page #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
05492ca
create and layout projects tab
aleameliach Apr 25, 2023
550737d
finish projects page
aleameliach Apr 25, 2023
cd341a5
add sitemap.xml to project
aleameliach May 4, 2023
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
2 changes: 1 addition & 1 deletion _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<li {% if page.active=="support" %} class="active to-section" {% else %} class="to-section" {% endif %}><a href="/support">Support</a></li>
<li {% if page.active=="pricing" %} class="active to-section" {% else %} class="to-section" {% endif %}><a href="/pricing">Pricing</a></li>
<li {% if page.active=="documentation" %} class="active to-section" {% else %} class="to-section" {% endif %}><a href="https://docs.openvidu.io">Docs</a></li>

<li {% if page.active=="projects" %} class="active to-section" {% else %} class="to-section" {% endif %}><a href="/projects">Projects</a></li>
<li><a class="social-icon" target="_blank" href="https://twitter.com/openvidu" style="padding-left: 12px"><i class="icon ion-social-twitter"></i></a></li>
<li><a class="social-icon" target="_blank" href="https://github.com/OpenVidu/openvidu"><i class="icon ion-social-github"></i></a></li>
<li {% if page.active=="account" %} class="active to-section" {% else %} class="to-section" {% endif %} style="display: flex; padding-left: 18px" id="account-menu-btn"><div id="login-loader" class="lds-ripple"><div></div><div></div></div></li>
Expand Down
85 changes: 85 additions & 0 deletions css/custom-projects-layout.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
#demo-container hr {
margin: 0;
border-top: 2px solid #eee;
}

.c-tabs-nav {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}


/**
* Tab
*/

.c-tab {
display: none;
background-color: #f3f3f3;
}

.c-tab__content {
padding: 3.5rem;
}


/**
* Tabs no-js fallback
*/

.c-tabs.no-js .c-tabs-nav {
display: none;
}

.c-tabs.no-js .c-tab {
display: block;
margin-bottom: 1.5rem;
}







@media all and (max-width: 767px) {
a.c-tabs-nav__link {
padding: 6px;
}
.c-tab__content {
padding: 1rem;
}
}

@media all and (min-width: 768px) {
.c-tabs-nav__link i {
margin-bottom: 12px;
font-size: 22px;
}
.c-tabs-nav__link span {
display: block;
}
}

@media screen and (max-width: 991px) {
#demo-container .col-img-demo {
text-align: center;
}
#demo-container .col-title-demo {
text-align: center;
}
#demo-container #tabs .img-demo {
max-width: inherit;
width: 100%;
}
#demo-container #tabs h3 {
display: none;
}
#demo-container ol li code {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
}
2 changes: 1 addition & 1 deletion demos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ <h2 style="display: inline-flex"><span>OpenVidu Call</span><a
<div class="row no-margin row-gallery">
<div class="col-md-4">
<a data-fancybox="gallery4" data-type="image" class="fancybox-img" href="img/demos/ov-call-login.png.png">
<img class="img-responsive" src="img/demos/ov-call-login.png.png">
<img class="img-responsive" src="img/demos/ov-call-login.png">
</a>
</div>
<div class="col-md-4">
Expand Down
Binary file added img/funding/funding-logos.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
71 changes: 71 additions & 0 deletions projects.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
---
layout: pagetop-layout
title: Projects
active: projects
top-title: OPENVIDU PROJECTS
top-subtitle: Discover projects OpenVidu develops and supports
custom_js:
- copy-btn
custom_css:
- custom-projects-layout
---

<!-- Start Blog Classic -->
<section id="blog">
<div id="demo-container" class="container">
<div id="tabs" class="c-tabs no-js">
<div class="c-tabs-nav">
<a href="#" class="c-tabs-nav__link is-active">
<h3>NewGenVidu</h3>
<img class="img-demo" src="img/demos/openvidu_call.png">
</a>
</div>
<div class="c-tab is-active">
<div class="c-tab__content">
<h2 style="display: inline-flex"><span>NewGenVidu</span></h2>
<div class="demo-description">
<p>The NewGenVidu project, coordinated by the <b>Rey Juan Carlos University (URJC)</b> and the tech company <b>Naevatec</b>, aims to develop an elastic, easy-to-use and privacy-respecting video conferencing platform. The pandemic has made videoconferencing an indispensable tool in all aspects of life, and its proliferation has made it possible to identify different use cases that require platforms with slightly different components. That is why programmable video conferencing applications have become popular, so developers can include specific functionalities for each use case: education, commercial presentations, contract signing, telemedicine, etc..</p>
<h3 style="display: inline-flex"><span>New Generation of OpenVidu</span></h3>
<p>NewGenVidu is considered an evolution of OpenVidu, a basic platform with some limitations, which is already being marketed internationally and has very good growth prospects if the improved proposals of this project are implemented. OpenVidu's main areas of improvement are scalability and fault tolerance, ease of developing custom applications, and improvements in privacy and security.</p>
<div class="row no-margin row-gallery">
<div class="col-md-6">
<a data-fancybox="gallery0" data-type="iframe" class="fancybox-img" href="video/components/ov-call-greetings.mp4">
<video class="img-responsive" src="video/components/ov-call-greetings.mp4" muted playsinline autoplay loop async></video>
</a>
</div>
<div class="col-md-6">
<a data-fancybox="gallery0" data-type="iframe" class="fancybox-img" href="video/components/ov-call-chat.mp4">
<video class="img-responsive" src="video/components/ov-call-chat.mp4" muted playsinline autoplay loop async></video>
</a>
</div>
</div>

<h3 style="display: inline-flex"><span>Main Goals</span></h3>
<p>NewGenVidu's main objectives are the development of customized videoconferencing applications, based on the latest generation multimedia communication technologies,<b> deployable in the cloud, elastic, tolerant of server faults and session management, easy to use, versatile and respectful of privacy</b>. In addition, NewGenVidu seeks to improve the ease of use of the platform, finding a balance between the power of adaptation, its extension and ease of use.</p>
<p>Regarding privacy, it seeks to integrate end-to-end encryption and virtual funds, and provide a fine-grained authorization model that allows developers to model precisely what each participant in a call can do. Authentication is also very important, so it is sought to have an extensible system to be able to connect the platform to any authentication source.</p>
<div class="row no-margin row-gallery">
<div class="col-md-6">
<a data-fancybox="gallery0" data-type="iframe" class="fancybox-img" href="video/components/ov-call-screenshare.mp4">
<video class="img-responsive" src="video/components/ov-call-screenshare.mp4" muted playsinline autoplay loop async></video>
</a>
</div>
<div class="col-md-6">
<a data-fancybox="gallery0" data-type="iframe" class="fancybox-img" href="video/components/ov-call-participants.mp4">
<video class="img-responsive" src="video/components/ov-call-participants.mp4" muted playsinline autoplay loop async></video>
</a>
</div>
</div>
<div style="margin-top: 40px"></div>
<hr>
<div style="margin-top: 40px"></div>
<p>Project CPP2021-008720 NewGenVidu: An elastic, easy-to-use and privacy-respecting video conferencing platform funded by:</p>
<img class="img-responsive" src="img/funding/funding-logos.jpg">
</div>

</div>
</div>
</div>
</div>
</section>

<!-- End Blog Classic -->
Loading