-
Notifications
You must be signed in to change notification settings - Fork 0
/
view-source_liongroup.sikemedia.com_1970s.php.html
86 lines (85 loc) · 22.4 KB
/
view-source_liongroup.sikemedia.com_1970s.php.html
1
2
3
<!-- saved from url=(0040)http://liongroup.sikemedia.com/1970s.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body><div class="line-gutter-backdrop"></div><table><tbody><tr><td class="line-number" value="1"></td><td class="line-content"><span class="html-doctype"><!DOCTYPE html></span></td></tr><tr><td class="line-number" value="2"></td><td class="line-content"><span class="html-tag"><html <span class="html-attribute-name">lang</span>="<span class="html-attribute-value">en</span>"></span></td></tr><tr><td class="line-number" value="3"></td><td class="line-content"> <span class="html-tag"><head></span></td></tr><tr><td class="line-number" value="4"></td><td class="line-content"> <span class="html-tag"><meta <span class="html-attribute-name">charset</span>="<span class="html-attribute-value">utf-8</span>"></span></td></tr><tr><td class="line-number" value="5"></td><td class="line-content"> <span class="html-tag"><meta <span class="html-attribute-name">name</span>="<span class="html-attribute-value">viewport</span>" <span class="html-attribute-name">content</span>="<span class="html-attribute-value">width=device-width, initial-scale=1, shrink-to-fit=no</span>"></span></td></tr><tr><td class="line-number" value="6"></td><td class="line-content"> <span class="html-tag"><link <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css</a>"></span></td></tr><tr><td class="line-number" value="7"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js</a>"></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="8"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js">https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js</a>"></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="9"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js">https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js</a>"></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="10"></td><td class="line-content"> <span class="html-tag"><link <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="https://fonts.googleapis.com/css?family=Montserrat">https://fonts.googleapis.com/css?family=Montserrat</a>" <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" /></span></td></tr><tr><td class="line-number" value="11"></td><td class="line-content"> <span class="html-tag"><link <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/css</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/css/style.css">css/style.css</a>" /></span></td></tr><tr><td class="line-number" value="12"></td><td class="line-content"> <span class="html-tag"><link <span class="html-attribute-name">rel</span>="<span class="html-attribute-value">stylesheet</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/css</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/css/scrolling-nav.css">css/scrolling-nav.css</a>" /></span></td></tr><tr><td class="line-number" value="13"></td><td class="line-content"> <span class="html-tag"><title></span>Lion Group | 1970s<span class="html-tag"></title></span></td></tr><tr><td class="line-number" value="14"></td><td class="line-content"> <span class="html-tag"></head></span></td></tr><tr><td class="line-number" value="15"></td><td class="line-content"> <span class="html-tag"><body <span class="html-attribute-name">id</span>="<span class="html-attribute-value">page-top</span>"></span></td></tr><tr><td class="line-number" value="16"></td><td class="line-content"> <span class="html-tag"><nav <span class="html-attribute-name">class</span>="<span class="html-attribute-value">navbar navbar-expand-lg navbar-dark bg-dark fixed-top</span>" <span class="html-attribute-name">id</span>="<span class="html-attribute-value">mainNav</span>"></span></td></tr><tr><td class="line-number" value="17"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">container</span>"></span></td></tr><tr><td class="line-number" value="18"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">navbar-brand js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/index.php">index.php</a>"></span>Lion Group<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="19"></td><td class="line-content"> <span class="html-tag"><button <span class="html-attribute-name">class</span>="<span class="html-attribute-value">navbar-toggler</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">button</span>" <span class="html-attribute-name">data-toggle</span>="<span class="html-attribute-value">collapse</span>" <span class="html-attribute-name">data-target</span>="<span class="html-attribute-value">#navbarResponsive</span>" <span class="html-attribute-name">aria-controls</span>="<span class="html-attribute-value">navbarResponsive</span>" <span class="html-attribute-name">aria-expanded</span>="<span class="html-attribute-value">false</span>" <span class="html-attribute-name">aria-label</span>="<span class="html-attribute-value">Toggle navigation</span>"></span></td></tr><tr><td class="line-number" value="20"></td><td class="line-content"> <span class="html-tag"><span <span class="html-attribute-name">class</span>="<span class="html-attribute-value">navbar-toggler-icon</span>"></span><span class="html-tag"></span></span></td></tr><tr><td class="line-number" value="21"></td><td class="line-content"> <span class="html-tag"></button></span></td></tr><tr><td class="line-number" value="22"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">collapse navbar-collapse</span>" <span class="html-attribute-name">id</span>="<span class="html-attribute-value">navbarResponsive</span>"></span></td></tr><tr><td class="line-number" value="23"></td><td class="line-content"> <span class="html-tag"><ul <span class="html-attribute-name">class</span>="<span class="html-attribute-value">navbar-nav ml-auto</span>"></span></td></tr><tr><td class="line-number" value="24"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="25"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/1960s.php">1960s.php</a>"></span>1960s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="26"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="27"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="28"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/1970s.php">1970s.php</a>"></span>1970s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="29"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="30"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="31"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/1980s.php">1980s.php</a>"></span>1980s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="32"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="33"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="34"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/1990s.php">1990s.php</a>"></span>1990s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="35"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="36"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="37"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/2000s.php">2000s.php</a>"></span>2000s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="38"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="39"></td><td class="line-content"> <span class="html-tag"><li <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-item</span>"></span></td></tr><tr><td class="line-number" value="40"></td><td class="line-content"> <span class="html-tag"><a <span class="html-attribute-name">class</span>="<span class="html-attribute-value">nav-link js-scroll-trigger</span>" <span class="html-attribute-name">href</span>="<a class="html-attribute-value html-external-link" target="_blank" href="http://liongroup.sikemedia.com/2010s.php">2010s.php</a>"></span>2010s<span class="html-tag"></a></span></td></tr><tr><td class="line-number" value="41"></td><td class="line-content"> <span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="42"></td><td class="line-content"> <span class="html-tag"></ul></span></td></tr><tr><td class="line-number" value="43"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="44"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="45"></td><td class="line-content"> <span class="html-tag"></nav></span> <span class="html-tag"><header <span class="html-attribute-name">class</span>="<span class="html-attribute-value">text-white</span>" <span class="html-attribute-name">style</span>="<span class="html-attribute-value">background: black url('/images/70sheader.png') no-repeat fixed top;</span>"></span></td></tr><tr><td class="line-number" value="46"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">container text-center</span>"></span></td></tr><tr><td class="line-number" value="47"></td><td class="line-content"> <span class="html-tag"><h1></span>1970s<span class="html-tag"></h1></span></td></tr><tr><td class="line-number" value="48"></td><td class="line-content"> <span class="html-tag"><p <span class="html-attribute-name">class</span>="<span class="html-attribute-value">lead</span>"></span>Communication In the 1970's<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="49"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="50"></td><td class="line-content"> <span class="html-tag"></header></span></td></tr><tr><td class="line-number" value="51"></td><td class="line-content"> <span class="html-tag"><section <span class="html-attribute-name">id</span>="<span class="html-attribute-value">cont</span>"></span></td></tr><tr><td class="line-number" value="52"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">container</span>"></span></td></tr><tr><td class="line-number" value="53"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">row</span>"></span></td></tr><tr><td class="line-number" value="54"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">col-lg-8 mx-auto</span>"></span></td></tr><tr><td class="line-number" value="55"></td><td class="line-content"> <span class="html-tag"><h4></span>Overview<span class="html-tag"></h4></span></td></tr><tr><td class="line-number" value="56"></td><td class="line-content"> <span class="html-tag"><ul></span></td></tr><tr><td class="line-number" value="57"></td><td class="line-content"> <span class="html-tag"><li></span>1971 - First email. Using ARPANET<span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="58"></td><td class="line-content"> <span class="html-tag"><li></span>1974 - Talkomatic<span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="59"></td><td class="line-content"> <span class="html-tag"><li></span>1978 - BBS: Bulletin Board Systems<span class="html-tag"></li></span></td></tr><tr><td class="line-number" value="60"></td><td class="line-content"> <span class="html-tag"></ul></span></td></tr><tr><td class="line-number" value="61"></td><td class="line-content"> <span class="html-tag"><h4></span>Along came 1971, and the Email.<span class="html-tag"></h4></span></td></tr><tr><td class="line-number" value="62"></td><td class="line-content"> <span class="html-tag"><p></span>The official Email system. The first email was shipped out buy a engineer named Ray Tomlinson. He established this way of communication by separating man and machine by using the ‘@' symbol. Interesting. Imagine if he used any other keyboard symbol? Ray Tomlinson is seen below.<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="63"></td><td class="line-content"> <span class="html-tag"><img <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/images/raytomlinson.png">images/raytomlinson.png</a>" <span class="html-attribute-name">class</span>="<span class="html-attribute-value">img-fluid rounded mx-auto d-block</span>" /></span></td></tr><tr><td class="line-number" value="64"></td><td class="line-content"> <span class="html-tag"><br /></span></td></tr><tr><td class="line-number" value="65"></td><td class="line-content"> <span class="html-tag"><p></span>This online form of communication was the used on the ARPANET. The ARPANET was the beginning of the official internet.<span class="html-tag"><br /></span>Next in came the ‘Talkomatic' in 1974.<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="66"></td><td class="line-content"> <span class="html-tag"><img <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/images/talkomatic.png">images/talkomatic.png</a>" <span class="html-attribute-name">class</span>="<span class="html-attribute-value">img-fluid rounded mx-auto d-block</span>" /></span></td></tr><tr><td class="line-number" value="67"></td><td class="line-content"> <span class="html-tag"><br /></span></td></tr><tr><td class="line-number" value="68"></td><td class="line-content"> <span class="html-tag"><p></span>It was developed in 1973 by Doug Brown using the PLATO System. The Talkomatic was similar to a chat room. Users were logged in and could see each other type text and commutate instantly, except it was text only. Sorry, no sideways smiley faces or Emoji's here &#9785;.<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="69"></td><td class="line-content"> <span class="html-tag"><h4></span>The Bulletin Board Systems a.k.a. BBS, circa 1978.<span class="html-tag"></h4></span></td></tr><tr><td class="line-number" value="70"></td><td class="line-content"> <span class="html-tag"><p></span>Using the BBS one was able to set up a modem connected computers. This allowed users to dial into and gain access to a terminal. The BBS allowed people to leave text messages and even upload and download files.<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="71"></td><td class="line-content"> <span class="html-tag"><p></span>BBS's were in many cases just someone's home computer and they allowed access to it from them to communicate (obviously). Other cases of the BBS were vast network systems with tons of phone lines. Some were run commercially as well. The first BBS Software was developed by a guy named Ward Christensen.<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="72"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="73"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="74"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="75"></td><td class="line-content"> <span class="html-tag"></section></span></td></tr><tr><td class="line-number" value="76"></td><td class="line-content"> <span class="html-tag"><footer <span class="html-attribute-name">class</span>="<span class="html-attribute-value">py-5 bg-dark</span>"></span></td></tr><tr><td class="line-number" value="77"></td><td class="line-content"> <span class="html-tag"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">container</span>"></span></td></tr><tr><td class="line-number" value="78"></td><td class="line-content"> <span class="html-tag"><p <span class="html-attribute-name">class</span>="<span class="html-attribute-value">m-0 text-center text-white</span>"></span>Copyright &copy; Lion Group 2018<span class="html-tag"></p></span></td></tr><tr><td class="line-number" value="79"></td><td class="line-content"> <span class="html-tag"></div></span></td></tr><tr><td class="line-number" value="80"></td><td class="line-content"> <span class="html-tag"></footer></span></td></tr><tr><td class="line-number" value="81"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/vendor/jquery-easing/jquery.easing.min.js">vendor/jquery-easing/jquery.easing.min.js</a>"></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="82"></td><td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank" href="http://liongroup.sikemedia.com/js/scrolling-nav.js">js/scrolling-nav.js</a>"></span><span class="html-tag"></script></span></td></tr><tr><td class="line-number" value="83"></td><td class="line-content"> <span class="html-tag"></body></span></td></tr><tr><td class="line-number" value="84"></td><td class="line-content"><span class="html-tag"></html></span><span class="html-end-of-file"></span></td></tr></tbody></table></body></html>