Jump to content

Test: Difference between revisions

← Older editNewer edit →
VisualWikitext
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
<!DOCTYPE html>
<!-- Mobile Main Page for VR & AR Wiki -->
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>VR & AR Wiki - Mobile</title>
  <style>
    /* Mobile-specific styles */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f9f9f9;
      color: #333;
    }
   
    .container {
      max-width: 100%;
      padding: 10px;
    }
   
    .superheader {
      border: 3px double #bbc2ca;
      padding: 10px;
      text-align: center;
      margin-bottom: 15px;
      font-size: 0.9em;
    }
   
    .header1 {
      background: linear-gradient(to bottom, #939aa4 0%, #bbc2ca 100%);
      padding: 10px;
      margin-bottom: 10px;
      text-align: center;
      border-radius: 4px;
    }
   
    .header2 {
      background: linear-gradient(to bottom, #254b72 0%, #6f97b0 100%);
      padding: 10px;
      margin-bottom: 5px;
      text-align: center;
      border-radius: 4px;
    }
   
    .header3 {
      background: linear-gradient(to bottom, #e5a145 0%, #f8d281 100%);
      padding: 10px;
      margin-bottom: 5px;
      text-align: center;
      border-radius: 4px;
    }
   
    .white {
      color: white;
      margin: 0;
      font-weight: bold;
    }
   
    .section {
      margin-bottom: 15px;
      border: 3px double #82a0b8;
      padding: 5px;
      border-radius: 2px;
    }
   
    .section.ar {
      border: 3px double #eab267;
    }
   
    .section.terms {
      border: 3px double #bbc2ca;
    }
   
    .body {
      padding: 5px 10px;
      font-size: 0.9em;
    }
   
    .list-items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 5px;
      list-style-type: none;
      padding-left: 0;
      margin: 5px 0;
    }
   
    .list-items-wide {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 10px;
      list-style-type: none;
      padding-left: 0;
      margin: 10px 0;
    }
   
    .list-item {
      padding: 3px 0;
      font-weight: bold;
    }
   
    a {
      color: #254b72;
      text-decoration: none;
    }
   
    .more-link {
      display: block;
      text-align: right;
      margin-top: 5px;
      font-style: italic;
    }


    .description {
<div id="mf-start" class="superheader">
      margin-bottom: 15px;
<center>{{Header1|[[Main_Page|<p class="white">Welcome to vrarwiki.com: the VR & AR Wiki</p>]]}}</center>
      line-height: 1.4;
vrarwiki.com is the [[Virtual Reality]] and [[Augmented Reality]] Wiki. Our mission is to collect, clarify and consolidate any and every bit of information related to [[VR]] and [[AR]]. We are a community wiki written and maintained by fans and enthusiasts. To edit existing pages or create new pages, please [[Special:Login|login]] or [[Special:CreateAccount|register]].
    }
</div>
  </style>
 
</head>
<div class="radical">
<body>
{| class="mobile-layout"
  <div class="container">
|-
    <!-- Header Section -->
| class="dull1" |
    <div class="superheader">
<div class="heading" id="mf-vr-header">{{Header2|[[Virtual Reality|<p class="white">Virtual Reality (VR)</p>]]}}</div>
      <div class="header1">
<div class="body" id="mf-vr-content">
        <p class="white">Welcome to vrarwiki.com: the VR & AR Wiki</p>
:'''Virtual Reality''' or '''VR''' is a computer simulated, artificial environment that can take inspiration from the physical features of the real world or go beyond them. [[Virtual Reality#Devices|VR Devices]] are able to temporarily fool our senses into believing that the simulated world is real. This immersive medium has the power to create novel experiences that are unattainable anywhere else. VR can be considered [[synthetic]], [[multi-sensory]], [[interactive]] and [[immersive]].
      </div>
 
      <p>vrarwiki.com is the <a href="/wiki/Virtual_Reality">Virtual Reality</a> and <a href="/wiki/Augmented_Reality">Augmented Reality</a> Wiki. Our mission is to collect, clarify and consolidate any and every bit of information related to <a href="/wiki/VR">VR</a> and <a href="/wiki/AR">AR</a>. We are a community wiki written and maintained by fans and enthusiasts. To edit existing pages or create new pages, please <a href="/wiki/Special:Login">login</a> or <a href="/wiki/Special:CreateAccount">register</a>.</p>
<div class="heading" id="mf-vr-devices-header">{{Header2|[[Virtual Reality#Devices|<p class="white">VR Devices</p>]]}}</div>
    </div>
{| class="sweet1"
   
|- valign="top"
    <!-- VR Section -->
|
    <div class="section">
;[[Apple Vision Pro]]
      <div class="header2">
;[[Meta Quest 3]]
        <p class="white">Virtual Reality (VR)</p>
;[[Meta Quest 2]]
      </div>
|
      <div class="body">
;[[Pico 4]]
        <div class="description">
;[[HTC Vive]]
          <strong>Virtual Reality</strong> or <strong>VR</strong> is a computer simulated, artificial environment that can take inspiration from the physical features of the real world or go beyond them. <a href="/wiki/Virtual_Reality#Devices">VR Devices</a> are able to temporarily fool our senses into believing that the simulated world is real. This immersive medium has the power to create novel experiences that are unattainable anywhere else. VR can be considered <a href="/wiki/synthetic">synthetic</a>, <a href="/wiki/multi-sensory">multi-sensory</a>, <a href="/wiki/interactive">interactive</a> and <a href="/wiki/immersive">immersive</a>.
;[[Virtual Reality#Devices|More...]]
        </div>
|}
       
 
        <!-- VR Devices -->
<div class="heading" id="mf-vr-platforms-header">{{Header2|[[Virtual Reality#Platforms|<p class="white">VR Platforms</p>]]}}</div>
        <div class="header2">
{| class="sweet1"
          <p class="white">VR Devices</p>
|- valign="top"
        </div>
|
        <ul class="list-items">
;[[visionOS]]
          <li class="list-item"><a href="/wiki/Apple_Vision_Pro">Apple Vision Pro</a></li>
;[[Oculus Rift (Platform)|Oculus Rift]]
          <li class="list-item"><a href="/wiki/Meta_Quest_3">Meta Quest 3</a></li>
;[[SteamVR]]
          <li class="list-item"><a href="/wiki/Meta_Quest_2">Meta Quest 2</a></li>
|
          <li class="list-item"><a href="/wiki/Pico_4">Pico 4</a></li>
;[[WebVR]]
          <li class="list-item"><a href="/wiki/HTC_Vive">HTC Vive</a></li>
;[[Microsoft Virtual Reality]]
        </ul>
;[[Virtual Reality#Platforms|More...]]
        <a href="/wiki/Virtual_Reality#Devices" class="more-link">More...</a>
|}
       
</div>
        <!-- VR Platforms -->
|-
        <div class="header2">
| class="dull2" |
          <p class="white">VR Platforms</p>
<div class="heading" id="mf-ar-header">{{Header3|[[Augmented Reality|<p class="white">Augmented Reality (AR)</p>]]}}</div>
        </div>
<div class="body" id="mf-ar-content">
        <ul class="list-items">
:'''Augmented Reality''' or '''AR''' is the technology that combines the real world and the digital world. [[AR Devices]] enhance our perception of reality through the incorporation of computer generated information and imageries into our senses. These devices overlay data and rendered images onto physical objects and real-life environments. AR is not restricted to particular displays technologies (e.g. [[HMD]]) and potentially isn't limited to the sense of sight.
          <li class="list-item"><a href="/wiki/visionOS">visionOS</a></li>
 
          <li class="list-item"><a href="/wiki/Oculus_Rift_(Platform)">Oculus Rift</a></li>
<div class="heading" id="mf-ar-devices-header">{{Header3|[[Augmented Reality#Devices|<p class="white">AR Devices</p>]]}}</div>
          <li class="list-item"><a href="/wiki/SteamVR">SteamVR</a></li>
{| class="sweet1"
          <li class="list-item"><a href="/wiki/WebVR">WebVR</a></li>
|- valign="top"
          <li class="list-item"><a href="/wiki/Microsoft_Virtual_Reality">Microsoft VR</a></li>
|
        </ul>
;[[Xreal Air 2 Pro]]
        <a href="/wiki/Virtual_Reality#Platforms" class="more-link">More...</a>
;[[Rokid Max Pro]]
      </div>
;[[Microsoft HoloLens]]
    </div>
|
   
;[[Meta 2]]
    <!-- AR Section -->
;[[Google Glass]]
    <div class="section ar">
;[[Augmented_Reality#Devices|More...]]
      <div class="header3">
|}
        <p class="white">Augmented Reality (AR)</p>
 
      </div>
<div class="heading" id="mf-ar-platforms-header">{{Header3|[[Augmented Reality#Platforms|<p class="white">AR Platforms</p>]]}}</div>
      <div class="body">
{| class="sweet1"
        <div class="description">
|- valign="top"
          <strong>Augmented Reality</strong> or <strong>AR</strong> is the technology that combines the real world and the digital world. <a href="/wiki/AR_Devices">AR Devices</a> enhance our perception of reality through the incorporation of computer generated information and imageries into our senses. These devices overlay data and rendered images onto physical objects and real-life environments. AR is not restricted to particular displays technologies (e.g. <a href="/wiki/HMD">HMD</a>) and potentially isn't limited to the sense of sight.
|
        </div>
;[[visionOS]]
       
;[[Windows Mixed Reality]]
        <!-- AR Devices -->
;[[SmartEyeglass]]
        <div class="header3">
|
          <p class="white">AR Devices</p>
;[[Magic Leap]]
        </div>
;[[Snap]]
        <ul class="list-items">
;[[Augmented Reality#Platforms|More...]]
          <li class="list-item"><a href="/wiki/Xreal_Air_2_Pro">Xreal Air 2 Pro</a></li>
|}
          <li class="list-item"><a href="/wiki/Rokid_Max_Pro">Rokid Max Pro</a></li>
</div>
          <li class="list-item"><a href="/wiki/Microsoft_HoloLens">Microsoft HoloLens</a></li>
|-
          <li class="list-item"><a href="/wiki/Meta_2">Meta 2</a></li>
| class="dull3" |
          <li class="list-item"><a href="/wiki/Google_Glass">Google Glass</a></li>
<div class="heading" id="mf-terms-header">{{Header1|[[:Category:Terms|<p class="white">Terms</p>]]}}</div>
        </ul>
<div class="body" id="mf-terms-content">
        <a href="/wiki/Augmented_Reality#Devices" class="more-link">More...</a>
{| class="sweet1"
       
|- valign="top"
        <!-- AR Platforms -->
|
        <div class="header3">
;[[Acronyms]]
          <p class="white">AR Platforms</p>
;[[Events]]
        </div>
;[[Input]]
        <ul class="list-items">
;[[Camera]]
          <li class="list-item"><a href="/wiki/visionOS">visionOS</a></li>
;[[Developer Resource]]
          <li class="list-item"><a href="/wiki/Windows_Mixed_Reality">Windows Mixed Reality</a></li>
;[[Locomotion]]
          <li class="list-item"><a href="/wiki/SmartEyeglass">SmartEyeglass</a></li>
;[[Mixed Reality]]
          <li class="list-item"><a href="/wiki/Magic_Leap">Magic Leap</a></li>
|
          <li class="list-item"><a href="/wiki/Snap">Snap</a></li>
;[[Metaverse]]
        </ul>
;[[Positional tracking]]
        <a href="/wiki/Augmented_Reality#Platforms" class="more-link">More...</a>
;[[Inside-out tracking]]
      </div>
;[[Brain-computer interface]]
    </div>
;[[VR Cinema]]
   
;[[Simulation theory]]
    <!-- Terms Section -->
;[[Empathy]]
    <div class="section terms">
|-
      <div class="header1">
|
        <p class="white">Terms</p>
;[[‎VR audio]]
      </div>
;[[Near-eye light field display]]
      <div class="body">
;[[Fresnel lens]]
        <ul class="list-items-wide">
;[[‎Stereoscopic 3D]]
          <li class="list-item"><a href="/wiki/Acronyms">Acronyms</a></li>
;[[Holodeck]]
          <li class="list-item"><a href="/wiki/Events">Events</a></li>
|
          <li class="list-item"><a href="/wiki/Input">Input</a></li>
;[[VR advertising]]
          <li class="list-item"><a href="/wiki/Camera">Camera</a></li>
;[[Redirected walking]]
          <li class="list-item"><a href="/wiki/Developer_Resource">Developer Resource</a></li>
;[[Holograms]]
          <li class="list-item"><a href="/wiki/Locomotion">Locomotion</a></li>
;[[VR legs]]
          <li class="list-item"><a href="/wiki/Mixed_Reality">Mixed Reality</a></li>
;[[:Category:Terms|More...]]
          <li class="list-item"><a href="/wiki/Metaverse">Metaverse</a></li>
|}
          <li class="list-item"><a href="/wiki/Positional_tracking">Positional tracking</a></li>
</div>
          <li class="list-item"><a href="/wiki/Inside-out_tracking">Inside-out tracking</a></li>
|}
          <li class="list-item"><a href="/wiki/Brain-computer_interface">Brain-computer interface</a></li>
</div>
          <li class="list-item"><a href="/wiki/VR_advertising">VR advertising</a></li>
          <li class="list-item"><a href="/wiki/Simulation_theory">Simulation theory</a></li>
          <li class="list-item"><a href="/wiki/Empathy">Empathy</a></li>
        </ul>
        <a href="/wiki/Category:Terms" class="more-link">More...</a>
      </div>
    </div>
  </div>
</body>
</html>
Retrieved from "https://vrarwiki.com/wiki/Test"