-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.html
147 lines (146 loc) · 9.57 KB
/
post.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Metis | Post</title>
<!-- Favicon-->
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon.png"/>
<!-- Remix icons-->
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet"/>
<!-- Swiper.js styles-->
<link rel="stylesheet" href="./assets/css/swiper-bundle.min.css"/>
<!-- Custom styles-->
<link rel="stylesheet" href="./assets/css/main.css"/>
</head>
<!-- Header-->
<header class="header">
<nav class="navbar container" id="navbar"><a href="./index.html">
<h2 class="logo">Metis</h2></a>
<div class="menu" id="menu">
<ul class="list">
<li class="list-item"><a class="list-link current" href="#">Home</a></li>
<li class="list-item"><a class="list-link" href="#">Categories</a></li>
<li class="list-item"><a class="list-link" href="#">Reviews</a></li>
<li class="list-item"><a class="list-link" href="#">News</a></li>
<li class="list-item"><a class="list-link" href="#">Membership</a></li>
<li class="list-item"><a class="list-link" href="#">Contact</a></li>
<li class="list-item screen-lg-hidden"><a class="list-link" href="./signin.html">Sign in</a></li>
<li class="list-item screen-lg-hidden"><a class="list-link" href="./signup.html">Sign up</a></li>
</ul>
</div>
<div class="list list-right">
<div class="icon-box place-items-center" id="theme-toggle-btn"><i class="ri-sun-line sun-icon"></i><i class="ri-moon-line moon-icon"></i></div>
<div class="icon-box place-items-center" id="search-icon"><i class="ri-search-line"></i></div>
<div class="icon-box place-items-center screen-lg-hidden menu-toggle-icon" id="menu-toggle-icon"><i class="ri-menu-3-line open-menu-icon"></i><i class="ri-close-line close-menu-icon"></i></div><a class="list-link screen-sm-hidden" href="#">Sign in</a><a class="btn sign-up-btn fancy-border screen-sm-hidden" href="#"><span>Sign up</span></a>
</div>
</nav>
</header>
<!-- Search-->
<div class="search-form-container container" id="search-form-container">
<div class="form-container">
<form class="form" action="">
<input class="form-input" type="text" placeholder="What are you looking for?"/>
<button class="btn form-btn icon-box" type="submit"><i class="ri-search-line"></i></button>
</form><span class="form-note">Or press ESC to close.</span>
</div>
<div class="btn form-close-btn icon-box place-items-center" id="form-close-btn"><i class="ri-close-line"></i></div>
</div>
<section class="blog-post section-header-offset">
<div class="blog-post-container container">
<div class="blog-post-data">
<h3 class="title blog-post-title">Is VR the future?</h3>
<div class="article-data"><span>nov 22th 2021</span><span class="article-data-spacer"></span><span>12 Min read</span></div><img src="./assets/images/featured/featured-1.jpg" alt=""/>
</div>
<div class="container">
<p>Last month HTC Vive announced that it was partnering with in-car VR entertainment company Holoride to bring its new HTC Vive Flow to backseats everywhere. Powered by a blockchain ecosystem, the platform features one-of-a-kind “Elastic Content” that takes into account everything from the speed and movement of the vehicle to the length of the trip itself. This means no two in-car VR experiences will ever be exactly the same.</p>
<p>
So, how exactly does this system work? Holoride partnered with a company called Terranet to utilize VoxelFlow, a system of sensors that captures movement data and transates it into gameplay in real-time. As previously mentioned, the open-source system is centered around a blockchain metaverse.
Not only does this offer developers an easier way to cash in on their creations, but it also allows manufacturers easier access to new games and apps. Passengers will even have the opportunity to buy and sell NFTs on the Elrond blockchain.
During MWC 2022 attendees had a chance to go hands-on with the platform as they toured around Barcelona. The system utilizes the aforementioned HTC Vive Flow to immerse passengers in their backseat VR experiences. The lightweight VR glasses feature a 100-degree field-of-view and 3.2K resolution with a refresh rate of 75 Hz.
</p>
<blockquote class="quote">
<p><span><i class="ri-double-quotes-l"></i></span> Backseat VR technology will arrive on select Audi sedans and SUVs as soon as this Summer.
Last month HTC Vive announced that it was partnering with in-car VR
entertainment company Holoride to bring its new HTC Vive Flow to backseats
everywhere. During SXSW this week it was announced that Holoride technology
launching on select Audi sedans and SUVs with the new MIB 3 technology this
Summer, offering consumers their first taste of backseat VR entertainment. <span><i class="ri-double-quotes-r"></i></span>
</p>
</blockquote>
<p>
Instead of a dedicated motion controls or hand-tracking, an Android smartphone is used as a 3DoF controller. Controls vary depending on the app. The VR game Space Slurpies, for example, has players controlling colorful intergalactic worms using the smartphones gyroscopic sensors.
We’ve been following Holoride’s backseat VR technology for quite some time, which is why news of their partnership with Audi is so exciting. By incorporating the real-world movements of a vehicle into the players experience, Holoride’s elastic content puts a whole new spin on location-based VR entertainment as well as haptic feedback technology.
We’re beyond excited to see how this platform continues to develop over time.
</p>
<div class="author d-grid">
<div class="author-image-box"><img class="article-image" src="https://scontent.faly8-2.fna.fbcdn.net/v/t39.30808-6/275556387_5400468716652298_9192450998723177530_n.jpg?_nc_cat=107&ccb=1-5&_nc_sid=09cbfe&_nc_ohc=2e9is5w9VTcAX8GwUJl&_nc_ht=scontent.faly8-2.fna&oh=00_AT8v3rwFBScDTz5c6drkpNrEvJICI_vfd9MDjFQHSUIyJg&oe=623457CD" alt=""/></div>
<div class="author-about">
<h3 class="author-name">Muhammed Fayy</h3>
<p>
Comupter Engineer,
Software Developer,
Web Development, Js Stack
Tech. Blogger.
</p>
<ul class="list social-media">
<li class="list-item"><a class="list-link" href="#"><i class="ri-instagram-line"></i></a></li>
<li class="list-item"><a class="list-link" href="#"><i class="ri-facebook-circle-line"></i></a></li>
<li class="list-item"><a class="list-link" href="#"><i class="ri-twitter-line"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer section">
<div class="footer-container container d-grid">
<div class="company-data"><a href="./index.html">
<h2 class="logo">Metis</h2></a>
<p class="company-description">Metis is a website which provides Blogging Tips, SEO Tips, Affiliate Marketing Tips also help newbie blogger to earn some money from their blog.</p>
<ul class="list social-media">
<li class="list-item"><a class="list-link" href="#"><i class="ri-instagram-line"></i></a></li>
<li class="list-item"><a class="list-link" href="#"><i class="ri-facebook-circle-line"></i></a></li>
<li class="list-item"><a class="list-link" href="#"><i class="ri-twitter-line"></i></a></li>
<li class="list-item"><a class="list-link" href="#"><i class="ri-pinterest-line"></i></a></li>
</ul><span class="copyright-notice">
©2021 Metis. All rights
reserved.</span>
</div>
<div>
<h6 class="title footer-title">Categories</h6>
<ul class="footer-list list">
<li class="list-item"><a class="list-link" href="#">Travel</a></li>
<li class="list-item"><a class="list-link" href="#">Food</a></li>
<li class="list-item"><a class="list-link" href="#">Technology</a></li>
<li class="list-item"><a class="list-link" href="#">Health</a></li>
<li class="list-item"><a class="list-link" href="#">Nature</a></li>
<li class="list-item"><a class="list-link" href="#">Fitness</a></li>
</ul>
</div>
<div>
<h6 class="title footer-title">Useful links</h6>
<ul class="footer-list list">
<li class="list-item"><a class="list-link" href="#">Home</a></li>
<li class="list-item"><a class="list-link" href="#">Elements</a></li>
<li class="list-item"><a class="list-link" href="#">Tags</a></li>
<li class="list-item"><a class="list-link" href="#">Authors</a></li>
<li class="list-item"><a class="list-link" href="#">Membership</a></li>
</ul>
</div>
<div>
<h6 class="title footer-title">Company</h6>
<ul class="footer-list list">
<li class="list-item"><a class="list-link" href="#">Contact us</a></li>
<li class="list-item"><a class="list-link" href="#">F.A.Q</a></li>
<li class="list-item"><a class="list-link" href="#">Careers</a></li>
<li class="list-item"><a class="list-link" href="#">Authors</a></li>
<li class="list-item"><a class="list-link" href="#">Memberships</a></li>
</ul>
</div>
</div>
</footer>
<!-- Swiper.js-->
<script src="./assets/js/swiper-bundle.min.js"></script>
<!-- Custom script-->
<script src="./assets/js/main.js"></script>