Commit 0be4b7f8 authored by olivernyc's avatar olivernyc
Browse files

Fix mobile layout and scroll

parent 2447adfd
......@@ -7,43 +7,44 @@ category: Hardware
The SXTSQ 5acD ( sxtsq ) is a small client access antenna that is 802.11 standards compliant antenna ( and also nstream mikrotik if available ).
The device was released in early 2018 and is capable of gigabit-level speeds with 80Mhz wide 802.11ac wifi connections.
## Uses
# Uses
* LinkNYC Kiosk connection
* Hub node connection ( for standard 802.11ac hubs )
* LinkNYC Kiosk connection
* Hub node connection ( for standard 802.11ac hubs )
## Device idiosyncrasies
# Device idiosyncrasies
### License
## License
Mikrotik software usually requires a license, though all Mikrotik devices come with an internal license, which varies with the model.
This antenna comes with a "Level 3" license which technically only allows it to function as a CPE, not an AP. Therefore this device can not be used as a base station.
This antenna comes with a "Level 3" license which technically only allows it to function as a CPE, not an AP. Therefore this device can not be used as a base station.
### US vs International version
## US vs International version
On the positive side, it is a great CPE and can connect to DFS channels ( international version ) and other intersting features such as EAP TTLS authentication.
As a precaution, this antenna has a US version and an International version. The US version is locked to "united states3" channels which are the non-DFS range.
The international version also has US settings, but it has two additional "united states" channel selections all for valid legal US channels. To function on LinkNYC and other DFS networks, the international version is required, but be sure to put it in "united states2" mode before using it.
The international version also has US settings, but it has two additional "united states" channel selections all for valid legal US channels. To function on LinkNYC and other DFS networks, the international version is required, but be sure to put it in "united states2" mode before using it.
# Reset
To factory reset an SXTsq, hold down the RouterBOOT reset button (located behind the front panel) during boot time until LED light starts flashing, then release the button to reset RouterOS configuration (total 5 seconds).
To factory reset an SXTsq, hold down the RouterBOOT reset button (located behind the front panel) during boot time until LED light starts flashing, then release the button to reset RouterOS configuration (total 5 seconds).
# Connecting
The initial IP address out of the box is 192.168.88.1, so set you computer’s local IP to something similar ( 192.168.88.5 ). The username is admin and there is no password.
The initial IP address out of the box is 192.168.88.1, so set you computer’s local IP to something similar ( 192.168.88.5 ). The username is admin and there is no password.
# Configuration lines
## LinkNYC Kiosk connection ( encrypted )
LinkNYC kiosks have both an unencrypted and encrypted network available. They function similarly and have the same internet available.
The encrypted version is using a fancy feature which is marketed as "passpoint" ( an authentication tech that cable internet provider are trying to leverage that allows you to roam across an area with a login ).
The encrypted version is using a fancy feature which is marketed as "passpoint" ( an authentication tech that cable internet provider are trying to leverage that allows you to roam across an area with a login ).
The encrypted network is more secure because no traffic can be sniffed between the kiosk and your CPE. Additionally there is no captive portal, which is a major positive.
The bottom line of passpoint is that it's EAP ( Enterprise Authentication Protocol ) TTLS ( Tunnelled TLS ) which is fancy for saying a login and password.
To cover all these technical details, there are auto-config profiles that can be deployed to devices such as a phone. Once you login t othe unencrypted network, a captive portal prompts you to click a button, and if your device is supported, download a profile and reconnect to the encryted network.
Today, only iPhones are supported with the auto-config feature, which is no fun. However, it's technically possible to connect with any capable device if you have the connection profile.
My taking the profile from an iPhone, we can extract the pieces needed to connect a standard antenna such as the sxtsq.
Today, only iPhones are supported with the auto-config feature, which is no fun. However, it's technically possible to connect with any capable device if you have the connection profile.
My taking the profile from an iPhone, we can extract the pieces needed to connect a standard antenna such as the sxtsq.
After powering on an sxtsq, configure it as a CPE with routing, NAT, and DHCP on the internal port.
Then, to configure the radio, apply the following lines on the CLI:
......@@ -61,5 +62,3 @@ add interface=wlan1 security-profile=linknyc ssid="LinkNYC Private" wireless-pro
```
Be sure to shutdown the antenna properly the first time to ensure the config is saved. This is not required, but Mikrotik antennas are especially sensitive to being powered off with no proper shutdown.
---
layout: default
title: NYC Mesh Project docs
title: Documentation
---
NYC Mesh is a community owned network in the New York City area.
......
......@@ -49,9 +49,9 @@
<!-- End of Twitter -->
</head>
<body class="sans-serif">
<div class="fixed top-0 right-0 bottom-0 left-0 flex-l overflow-y-scroll overflow-y-hidden-l">
<div class="h-100 flex-l overflow-y-scroll overflow-y-hidden-l">
{{ partial "sidebar" . }}
<div class="overflow-y-scroll w-70-l">
<div class="overflow-y-scroll-l w-70-l">
{{ partial "header" . }}
{{ block "main" . }}
{{ end }}
......
{{ define "main" }}
<main class="bg-white bt bw05 b--light-gray sans-serif flex flex-row-l flex-column">
<div class="bg-white w-100 mw8 pa4-ns pa3">
<div class="f4-ns f5 measure-wide">
<h1 class="f2-ns f3 fw6 mv0">
<div class="f4-ns f5 measure-wide-l">
<h1 class="mv0">
{{ .Title }}
</h1>
{{ .Content }}
......
{{ define "main" }}
<main class="bg-white bt bw05 b--light-gray sans-serif flex flex-row-l flex-column">
<div class="bg-white w-100 mw8 pa4-ns pa3">
<div class="f4-ns f5 measure-wide">
<h1 class="f2-ns f3 fw6 mv0">
<div class="f4-ns f5 measure-wide-l">
<h1 class="mv0">
{{ .Title }}
</h1>
{{ .Content }}
......
{{ define "main" }}
<main class="bt bw05 b--light-gray sans-serif flex flex-row-l flex-column">
<div class="bg-white w-100 mw8 pa4">
<div class="f4-ns f5 lh-copy measure-wide">
<h1 class="f2-ns f3 fw6 mv0">
<div class="bg-white w-100 mw8 pa4-ns pa3">
<div class="f4-ns f5 measure-wide-l">
<h1 class="mv0">
{{ .Title }}
</h1>
{{ .Content }}
......
<header class="ph4 h3 flex flex-row items-center justify-start-l justify-center sans-serif bg-white">
<div class="w-100-l f4 measure-wide flex items-center justify-end">
<header class="dn ph4 h3 flex-l flex-row items-center justify-start-l justify-center sans-serif bg-white">
<div class="w-100-ns f4 measure-wide flex items-center justify-end">
<nav class="f5 flex flex-wrap justify-center">
<a href="https://nycmesh.net/" class="f5 blue">Main Site →</a>
</nav>
......
{{ $currentPage := . }}
<div class="pl4-ns pl3 w-30-l flex justify-end-l br bg-near-white b--light-gray">
<div class="w5 overflow-y-hidden flex flex-column">
<a href="/" title="Home" class="flex-shrink-0 h3 f3-ns f4 ttu fw7 black nowrap flex items-center">
<img src="/img/logo.svg" class="h2 mr2" />
<div class="ph4-ns ph3 w-30-l minw5-l flex justify-end-l br bg-near-white b--light-gray">
<div class="w5-l w-100 overflow-y-hidden flex flex-column">
<div class="flex justify-between w-100">
<a href="/" title="Home" class="flex-shrink-0 h3 f3-ns f4 ttu fw7 black nowrap flex items-center">
<img src="/img/logo.svg" class="h2 mr2" />
<span class="f4">NYC Mesh
<span class="ml1 blue f5">Docs</span></span>
</a>
<div class="overflow-y-scroll pv4-ns pv3">
<span class="ml1 blue f5">Docs</span></span>
</a>
</div>
<div class="hideDropdown h3 w3 flex items-center justify-center" tabindex="0">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</div>
<div class="showDropdown bg-near-white h3 w3 flex items-center justify-center" tabindex="0">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</div>
<div class="dn db-l dropdown overflow-y-scroll pv4-ns pv3">
<ul class="list ma0 ph0">
{{ range .Site.Sections }}
<li>
......
......@@ -5,6 +5,34 @@ body {
height: 100%;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: 700;
}
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1rem;
}
h5 {
font-size: 0.875rem;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
......@@ -16,6 +44,48 @@ a {
text-decoration: none;
}
@media screen and (min-width: 60em) {
.showDropdown,
.hideDropdown {
display: none;
}
}
.minw5-l {
min-width: 16rem;
}
.showDropdown,
.hideDropdown {
position: absolute;
top: 0;
right: 0;
outline: none;
}
.showDropdown:focus {
width: 0;
height: 0;
}
.showDropdown:focus ~ .hideDropdown,
.dropdown:hover ~ .hideDropdown {
display: block;
}
/* Hide and show dropdown menu*/
.hideDropdown:focus ~ .dropdown {
display: none;
}
.showDropdown:focus ~ .dropdown {
display: block;
}
.dropdown:hover {
display: block;
}
pre {
border: 1px solid #aaa;
padding: 1rem;
......
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment