|
| 1 | +<!DOCTYPE html> |
| 2 | +<link rel="stylesheet" href="/css/header.css"/> |
| 3 | + |
| 4 | +<html> |
| 5 | +<head> |
| 6 | + <title>About Selenium</title> |
| 7 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 8 | +</head> |
| 9 | + |
| 10 | +<header id="header" class="header"> |
| 11 | + <a href="/" class="headerLink"> |
| 12 | + <img class="logo logo-large" src="/images/selenium_logo_large.png"/> |
| 13 | + <img class="logo logo-small" src="/images/selenium_logo_square_green.png"/> |
| 14 | + <img class="logo logo-small logo-hide" src="/images/selenium_logo_square_white.png"/> |
| 15 | + </a> |
| 16 | + |
| 17 | + <a id="dropdownButton" class="dropdownButton" onClick="toggleMenu()">MENU +</a> |
| 18 | + <nav id="navbar" class="navbar"> |
| 19 | + <div class="nav-item" onClick="toggleAboutNav()"> |
| 20 | + <span>About</span> |
| 21 | + <div id="aboutArrow" class="arrow-down"></div> |
| 22 | + </div> |
| 23 | + <ul id="aboutSubnav" class="about-subnav"> |
| 24 | + <div class="subnav subnav-item"> |
| 25 | + <a href="/about">About</a> |
| 26 | + </div> |
| 27 | + <div class="subnav subnav-item"> |
| 28 | + <a href="/events">Events</a> |
| 29 | + </div> |
| 30 | + <div class="subnav subnav-item"> |
| 31 | + <a href="/ecosystem">Ecosystem</a> |
| 32 | + </div> |
| 33 | + <div class="subnav subnav-item"> |
| 34 | + <a href="/history">History</a> |
| 35 | + </div> |
| 36 | + <div class="subnav subnav-item"> |
| 37 | + <a href="/getinvolved">Get Involved</a> |
| 38 | + </div> |
| 39 | + <div class="subnav subnav-item"> |
| 40 | + <a href="/sponsor">Sponsors</a> |
| 41 | + </div> |
| 42 | + </ul> |
| 43 | + <a class="nav-item" href="/downloads">Downloads</a> |
| 44 | + <a class="nav-item" href="/projects">Projects</a> |
| 45 | + <a class="nav-item" href="/documentation">Documentation</a> |
| 46 | + <a class="nav-item" href="/help">Support</a> |
| 47 | + <a class="nav-item" href="/blog">Blog</a> |
| 48 | + <div class="nav-item"> |
| 49 | + <div class="search-bar-container"> |
| 50 | + |
| 51 | + |
| 52 | + |
| 53 | + |
| 54 | + <script> |
| 55 | + (function() { |
| 56 | + var cx = '018435082943254453647:ktxsp1-jcb8'; |
| 57 | + var gcse = document.createElement('script'); |
| 58 | + gcse.type = 'text/javascript'; |
| 59 | + gcse.async = true; |
| 60 | + gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; |
| 61 | + var s = document.getElementsByTagName('script')[0]; |
| 62 | + s.parentNode.insertBefore(gcse, s); |
| 63 | + })(); |
| 64 | + </script> |
| 65 | + <gcse:searchbox-only></gcse:searchbox-only> |
| 66 | + <img src="/images/search.png" class="search-icon" /> |
| 67 | + </div> |
| 68 | + </div> |
| 69 | + </nav> |
| 70 | +</header> |
| 71 | +<body> |
| 72 | + |
| 73 | +<script> |
| 74 | + function activateSearch() { |
| 75 | + console.log('ACTIVATE') |
| 76 | + } |
| 77 | + |
| 78 | + function toggleMenu() { |
| 79 | + const navbarItems = document.getElementsByClassName("nav-item"); |
| 80 | + const navbarElements = [...navbarItems]; |
| 81 | + const smallLogos = document.getElementsByClassName("logo logo-small"); |
| 82 | + const logoElements = [...smallLogos]; |
| 83 | + const header = document.getElementById("header"); |
| 84 | + const dropdownButton = document.getElementById("dropdownButton"); |
| 85 | + const subnavs = document.getElementsByClassName("about-subnav"); |
| 86 | + const subnavElements = [...subnavs]; |
| 87 | + const aboutArrow = document.getElementById("aboutArrow"); |
| 88 | + |
| 89 | + if(dropdownButton.innerText === "MENU +") { |
| 90 | + dropdownButton.innerText = "MENU -" |
| 91 | + } else dropdownButton.innerText = "MENU +" |
| 92 | + |
| 93 | + |
| 94 | + navbarElements.forEach(element => { |
| 95 | + if(element.className === "nav-item") { |
| 96 | + element.className += " dropdown-active" |
| 97 | + } else { |
| 98 | + element.className = "nav-item" |
| 99 | + } |
| 100 | + }) |
| 101 | + |
| 102 | + |
| 103 | + subnavElements.forEach(element => { |
| 104 | + element.className = "about-subnav"; |
| 105 | + }); |
| 106 | + |
| 107 | + |
| 108 | + aboutArrow.className = "arrow-down"; |
| 109 | + |
| 110 | + |
| 111 | + logoElements.forEach(element => { |
| 112 | + if(element.className.includes("logo-hide")) { |
| 113 | + element.className = "logo logo-small" |
| 114 | + } else { |
| 115 | + element.className += " logo-hide" |
| 116 | + } |
| 117 | + }) |
| 118 | + |
| 119 | + |
| 120 | + if(header.className === "header") { |
| 121 | + header.className += " dropdown-active" |
| 122 | + } else { |
| 123 | + header.className = "header" |
| 124 | + } |
| 125 | + } |
| 126 | + |
| 127 | + function toggleAboutNav() { |
| 128 | + const aboutSubnav = document.getElementById("aboutSubnav"); |
| 129 | + const aboutArrow = document.getElementById("aboutArrow"); |
| 130 | + |
| 131 | + if(aboutSubnav.className === "about-subnav") { |
| 132 | + aboutSubnav.className += " about-subnav-active"; |
| 133 | + } else { |
| 134 | + aboutSubnav.className = "about-subnav" |
| 135 | + } |
| 136 | + |
| 137 | + if(aboutArrow.className === "arrow-up") aboutArrow.className = "arrow-down"; |
| 138 | + else aboutArrow.className = "arrow-up"; |
| 139 | + } |
| 140 | +</script> |
| 141 | + |
| 142 | +<link rel="stylesheet" href="/css/main.css"/> |
| 143 | +<link rel="stylesheet" href="/css/about.css"/> |
| 144 | +<link href="https://fonts.googleapis.com/css?family=Encode+Sans" rel="stylesheet"> |
| 145 | + |
| 146 | +<body> |
| 147 | +<section class="hero"> |
| 148 | + <h1>About Selenium</h1> |
| 149 | + <div class="header-description"> |
| 150 | + <p class="body-large"> |
| 151 | + Selenium is a suite of tools for automating web browsers. |
| 152 | + </p> |
| 153 | + </div> |
| 154 | +</section> |
| 155 | + |
| 156 | +<!DOCTYPE html> |
| 157 | +<link rel="stylesheet" href="/css/main.css"/> |
| 158 | + |
| 159 | +<html> |
| 160 | +<head> |
| 161 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 162 | +</head> |
| 163 | + |
| 164 | +<div class="selenium-supporters separator"> |
| 165 | + <h2>Selenium Supporters</h2> |
| 166 | + <div class="sponsors"> |
| 167 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/applitools.png"/></div> |
| 168 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/browserstack.png"/></div> |
| 169 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/CBT.png"/></div> |
| 170 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/experitest.jpg"/></div> |
| 171 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/saucelabs.png"/></div> |
| 172 | + <div class="sponsor-logo"><img class="sponsor-logo" src="/images/sponsors/synthetics.png"/></div> |
| 173 | + </div> |
| 174 | +</div> |
| 175 | + |
| 176 | +<body> |
| 177 | + |
| 178 | + |
| 179 | +<div class="articles"> |
| 180 | + <div class="article history"> |
| 181 | + <div class="metadata"> |
| 182 | + <h2>History of Selenium</h2> |
| 183 | + <p class="body">The story starts in 2004 at ThoughtWorks in Chicago, with Jason Huggins building the Core mode as "JavaScriptTestRunner" for the testing of an internal Time and Expenses application (Python, Plone). Automatic testing of any applications is core to ThoughtWork's style, given the Agile leanings of this consultancy. He has help from Paul Gross and Jie Tina Wang. For them, this was a day job.</p> |
| 184 | + </div> |
| 185 | + <div class="button-container long-section-button"> |
| 186 | + <a href="/history"> |
| 187 | + <div class="button green"><b>READ FULL HISTORY</b></div> |
| 188 | + </a> |
| 189 | + </div> |
| 190 | + </div> |
| 191 | + <div class="article ecosystem"> |
| 192 | + <div class="metadata"> |
| 193 | + <h2>Selenium Ecosystem</h2> |
| 194 | + <p class="body">Over the last decade, a large ecosystem of opensource projects and commercial services have sprouted up around Selenium. This page attempts to capture some of the companies that make use of Selenium as a central part of what they do.</p> |
| 195 | + </div> |
| 196 | + <div class="button-container long-section-button"> |
| 197 | + <a href="/ecosystem"> |
| 198 | + <div class="button green"><b>VIEW ECOSYSTEM</b></div> |
| 199 | + </a> |
| 200 | + </div> |
| 201 | + </div> |
| 202 | +</div> |
| 203 | +<div class="involvements"> |
| 204 | + <div class="involvement support"> |
| 205 | + <h2>Support Selenium</h2> |
| 206 | + <p class="body">The Selenium project is a member of the Software Freedom Conservancy, a 501(c)3 non-profit organization. The Conservancy has reduced the management overhead associated with creating our own, dedicated legal entity. The majority of sponsorship funds go directly towards supporting the Selenium project, such as server, software and conference expenses.</p> |
| 207 | + <div class="button-container"> |
| 208 | + <a href="https://www.seleniumhq.org/sponsor/"> |
| 209 | + <div class="button donate"><b>DONATE</b></div> |
| 210 | + </a> |
| 211 | + </div> |
| 212 | + </div> |
| 213 | + <div class="involvement get-involved"> |
| 214 | + <h2>Get involved</h2> |
| 215 | + <p class="body">Selenium is certainly a team effort! There are several ways you can help out, whether you’re a programmer, designer, QA engineer, writer, project manager, or just willing to help. If you’re interested in helping, the best way to connect with us is at the Selenium Developers Group. We’ll work with you to get you set up to contribute.</p> |
| 216 | + <div class="button-container"> |
| 217 | + <a href="https://www.seleniumhq.org/sponsors/"> |
| 218 | + <div class="button"><b>CONTRIBUTE</b></div> |
| 219 | + </a> |
| 220 | + </div> |
| 221 | + </div> |
| 222 | +</div> |
| 223 | + |
| 224 | +<!DOCTYPE html> |
| 225 | + |
| 226 | +<html> |
| 227 | +<head> |
| 228 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 229 | +</head> |
| 230 | + |
| 231 | +<div class="selenium-supporters-bottom"> |
| 232 | + <h2>Supporting Supporters</h2> |
| 233 | + <div class="sponsors-bottom"> |
| 234 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/bestcasino.png"/></div> |
| 235 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/chameleonjohn.png"/></div> |
| 236 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/groundwork.jpg"/></div> |
| 237 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/henix.png"/></div> |
| 238 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/KatalonStudio.png"/></div> |
| 239 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/mailosaur.png"/></div> |
| 240 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/Perfecto.png"/></div> |
| 241 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/serentaflowers.jpg"/></div> |
| 242 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/valsa.png"/></div> |
| 243 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/Cigniti.jpg"/></div> |
| 244 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/qytera.png"/></div> |
| 245 | + <div class="sponsor-logo-bottom"><img class="sponsor-logo" src="/images/sponsors/Tricentis.jpg"/></div> |
| 246 | + </div> |
| 247 | +</div> |
| 248 | + |
| 249 | +<body> |
| 250 | + |
| 251 | + |
| 252 | +<!DOCTYPE html> |
| 253 | +<link rel="stylesheet" href="/css/main.css"/> |
| 254 | + |
| 255 | +<html> |
| 256 | +<head> |
| 257 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 258 | +</head> |
| 259 | + |
| 260 | +<div class="support-selenium-container"> |
| 261 | + <div class="support-selenium"> |
| 262 | + <h2>Support the Selenium Project</h2> |
| 263 | + <p>Want to support the Selenium project? Learn more or view the full list of sponsors.</p> |
| 264 | + <div class="button-container"> |
| 265 | + <a href="https://www.seleniumhq.org/sponsors/"> |
| 266 | + <div class="button"><b>LEARN MORE</b></div> |
| 267 | + </a> |
| 268 | + </div> |
| 269 | + </div> |
| 270 | +</div> |
| 271 | + |
| 272 | +<body> |
| 273 | + |
| 274 | + |
| 275 | +</body> |
| 276 | + |
| 277 | +<!DOCTYPE html> |
| 278 | +<link rel="stylesheet" href="/css/footer.css"/> |
| 279 | + |
| 280 | +<html> |
| 281 | +<head> |
| 282 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 283 | +</head> |
| 284 | + |
| 285 | +<footer> |
| 286 | + <div onClick="toggleSitemap()" class="toggle-container"> |
| 287 | + Sitemap |
| 288 | + <div id="sitemapArrow" class="arrow-down"></div> |
| 289 | + </div> |
| 290 | + |
| 291 | + <div id="navLinks" class="nav-links"> |
| 292 | + <div class="footer-section"> |
| 293 | + <a href="/about"><h3>About</h3></a> |
| 294 | + <a href="/events">Events</a> |
| 295 | + <a href="/blog">News</a> |
| 296 | + <a href="/history">History</a> |
| 297 | + <a href="https://www.seleniumhq.org/sponsors/">Contribute</a> |
| 298 | + <a href="https://www.seleniumhq.org/sponsors/">Sponsors/Sponsoring</a> |
| 299 | + <a href="https://www.seleniumhq.org/sponsors/">Get Involved</a> |
| 300 | + <a href="/ecosystem">Ecosystem</a> |
| 301 | + <a>License</a> |
| 302 | + </div> |
| 303 | + <div class="footer-section"> |
| 304 | + <a href="/downloads"><h3>Downloads</h3></a> |
| 305 | + <a href="/maven">Maven</a> |
| 306 | + <a href="/thirdparty">Third Party</a> |
| 307 | + <a href="https://github.com/SeleniumHQ/selenium">Source Code</a> |
| 308 | + </div> |
| 309 | + <div class="footer-section"> |
| 310 | + <a href="/projects"><h3>Projects</h3></a> |
| 311 | + <a href="/projects/#selenium-webdriver">Selenium Webdriver</a> |
| 312 | + <a href="/projects/#selenium-grid">Selenium Grid</a> |
| 313 | + <a href="/projects/#selenium-remote">Selenium Remote Control</a> |
| 314 | + <a href="/projects/#selenium-ide">Selenium IDE</a> |
| 315 | + </div> |
| 316 | + <div class="footer-section"> |
| 317 | + <a href="/help"><h3>Support</h3></a> |
| 318 | + <a href="/blog">Blog</a> |
| 319 | + <a href="/documentation">Documentation</a> |
| 320 | + </div> |
| 321 | + </div> |
| 322 | + <div class="social"> |
| 323 | + Follow us on twitter to keep up-to-date with all Selenium development and community activity! |
| 324 | + <div class="social-icons"> |
| 325 | + <a href="mailto:selenium@sfconservancy.org"><img class="social-icon" src="/images/mail.png"/></a> |
| 326 | + <a href="https://github.com/SeleniumHQ/selenium"><img class="social-icon" src="/images/github.png"/></a> |
| 327 | + <a href="https://twitter.com/SeleniumHQ"><img class="social-icon" src="/images/twitter.png"/></a> |
| 328 | + <a href="https://www.facebook.com/Selenium2.WebDriver"><img class="social-icon" src="/images/facebook.png"/></a> |
| 329 | + <a href="https://www.youtube.com/channel/UCbDlgX_613xNMrDqCe3QNEw"><img class="social-icon" src="/images/youtube.png"/></a> |
| 330 | + </div> |
| 331 | + </div> |
| 332 | +</footer> |
| 333 | +<div class="sfc"> |
| 334 | + <p style="text-align:right;">All rights reserved, Software Freedom Conservancy</p> |
| 335 | +</div> |
| 336 | +<body> |
| 337 | + |
| 338 | +<script> |
| 339 | +function toggleSitemap () { |
| 340 | + const sitemapArrow = document.getElementById("sitemapArrow"); |
| 341 | + const navLinks = document.getElementById("navLinks"); |
| 342 | + |
| 343 | + if(sitemapArrow.className === 'arrow-down') { |
| 344 | + sitemapArrow.className = 'arrow-up' |
| 345 | + } else { |
| 346 | + sitemapArrow.className = 'arrow-down' |
| 347 | + } |
| 348 | + |
| 349 | + if(navLinks.className === 'nav-links') { |
| 350 | + navLinks.className = 'nav-links show' |
| 351 | + } else { |
| 352 | + navLinks.className = 'nav-links' |
| 353 | + } |
| 354 | +} |
| 355 | +</script> |
| 356 | + |
0 commit comments