github.com/pion/webrtc/v3@v3.2.24/examples/index.html (about)

     1  <html>
     2  	<!--
     3  		SPDX-FileCopyrightText: 2023 The Pion community <https://pion.ly>
     4  		SPDX-License-Identifier: MIT
     5  	-->
     6  	<head>
     7  		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     8  		<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,700" rel="stylesheet">
     9  		<title>WebRTC examples! | Pion</title>
    10  	</head>
    11  	<style>
    12  	body {
    13  		font-family: "Quicksand", sans-serif;
    14  		font-weight: 400;
    15  		margin: 4em 10%;
    16  	}
    17  	
    18  	.container {
    19  		display: flex;
    20  		flex-wrap: wrap;
    21  		justify-content: center;
    22  	}
    23  	
    24  	.card {
    25  		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    26  		transition: 0.3s;
    27  		margin: 20px auto;
    28  		flex-grow: 1;
    29  		max-width: 500px;
    30  	}
    31  	
    32  	.card:hover {
    33  		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    34  	}
    35  		
    36  	.content {
    37  		line-height: 1.2em;
    38  		padding: 0 16px;
    39  	}
    40  	
    41  	.header {
    42  		color:#ffffff;
    43  		background-image: linear-gradient(225deg, #eb6562 0%, #E53935 100%);
    44  		padding: 6px 16px 3px 16px;
    45  	}
    46  
    47  	h3 {
    48  		margin: 0;
    49  	}
    50  	</style>
    51  	<body>
    52  		<h1>Pion WebRTC examples</h1>
    53  		<div class="container"> 
    54  			{{range .}}
    55  			<div class="card">
    56  				<div class="header">
    57  					<h3>{{ .Title }}</h3> 
    58  				</div>
    59  				<div class="content">
    60  					<p>{{ .Description }}</p>
    61  					{{ if .IsJS}}<p><a href="/example/js/{{ .Link }}/">Run JavaScript</a></p>{{ end }}
    62  					{{ if .IsWASM}}<p><a href="/example/wasm/{{ .Link }}/">Run WASM</a></p>{{ end }}
    63  				</div>
    64  			</div>
    65  			{{else}}
    66  				<li><strong>No examples found!</strong></li>
    67  			{{end}}
    68  		</div>
    69  	</body>
    70  </html>