2023-08-30 20:07:18 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "" >
< meta name = "author" content = "Mark Otto, Jacob Thornton, and Bootstrap contributors" >
< meta name = "generator" content = "Hugo 0.101.0" >
< title > mcotton.space< / title >
< link rel = "canonical" href = "https://getbootstrap.com/docs/4.6/examples/album/" >
<!-- Bootstrap core CSS -->
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity = "sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin = "anonymous" >
<!-- Favicons -->
< link rel = "apple-touch-icon" href = "/docs/4.6/assets/img/favicons/apple-touch-icon.png" sizes = "180x180" >
< link rel = "icon" href = "/docs/4.6/assets/img/favicons/favicon-32x32.png" sizes = "32x32" type = "image/png" >
< link rel = "icon" href = "/docs/4.6/assets/img/favicons/favicon-16x16.png" sizes = "16x16" type = "image/png" >
< link rel = "manifest" href = "/docs/4.6/assets/img/favicons/manifest.json" >
< link rel = "mask-icon" href = "/docs/4.6/assets/img/favicons/safari-pinned-tab.svg" color = "#563d7c" >
< link rel = "icon" href = "/docs/4.6/assets/img/favicons/favicon.ico" >
< meta name = "msapplication-config" content = "/docs/4.6/assets/img/favicons/browserconfig.xml" >
< meta name = "theme-color" content = "#563d7c" >
< style >
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
2023-08-31 14:18:36 +00:00
.cd_cover {
width: 100%;
height: 225px;
background-position: center;
background-size: cover;
}
.cd_cover_title {
font-size: x-large;
text-align: center;
position: relative;
bottom: -40%;
color: navy;
background-color: ghostwhite;
}
.cd_cover_title a {
color: navy;
}
2023-08-30 20:07:18 +00:00
< / style >
<!-- Custom styles for this template -->
< link href = "album.css" rel = "stylesheet" >
< / head >
< body >
< header >
< div class = "collapse bg-dark" id = "navbarHeader" >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-8 col-md-7 py-4" >
< h4 class = "text-white" > About< / h4 >
< p class = "text-muted" > Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.< / p >
< / div >
< div class = "col-sm-4 offset-md-1 py-4" >
< h4 class = "text-white" > Contact< / h4 >
< ul class = "list-unstyled" >
<!-- <li><a href="#" class="text - white">Follow on Twitter</a></li>
< li > < a href = "#" class = "text-white" > Like on Facebook< / a > < / li > -->
< li > < a href = "#" class = "text-white" > Email me< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< div class = "navbar navbar-dark bg-dark shadow-sm" >
< div class = "container d-flex justify-content-between" >
< a href = "#" class = "navbar-brand d-flex align-items-center" >
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke - linecap="round" stroke - linejoin="round" stroke - width="2" aria - hidden="true" class="mr - 2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1 - 2 2H3a2 2 0 0 1 - 2 - 2V8a2 2 0 0 1 2 - 2h4l2 - 3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
< strong > mcotton.space< / strong >
< / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarHeader" aria-controls = "navbarHeader" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< / div >
< / div >
< / header >
< main role = "main" >
< section class = "jumbotron text-center" >
< div class = "container" >
< h1 > mcotton.space< / h1 >
< p class = "lead text-muted" > Example projects to help you get starting using the Eagle Eye Networks API< / p >
< p >
<!-- <a href="" class="btn btn - primary my - 2">Primary action</a> -->
<!-- <a href="#" class="btn btn - secondary my - 2">Secondary action</a> -->
< / p >
< / div >
< / section >
< div class = "album py-5 bg-light" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_1.png');" >
< div class = "cd_cover_title" > < a href = "https://pypi.org/project/EagleEyev3/" > EagleEyev3< / a > < / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
< p class = "card-text" > Python client library to make using the API more pythonic.< / p >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< a href = "https://pypi.org/project/EagleEyev3/" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_2.png');" >
< div class = "cd_cover_title" > < a href = "https://status.mcotton.space" > Status History< / a > < / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
< p class = "card-text" > See camera status changes and history with a chart.< / p >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< a href = "https://status.mcotton.space" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< / a >
< a href = "https://git.mcotton.space/mcotton/EE-status-v3" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > Source< / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_3.png');" >
< div class = "cd_cover_title" > < a href = "https://downloader.mcotton.space" > Video Downloader< / a > < / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
< p class = "card-text" > Get list of video clips for a camera, view or download them too.< / p >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< a href = "https://downloader.mcotton.space" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< / a >
< a href = "https://git.mcotton.space/mcotton/EE-downloader-v3" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > Source< / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_4.png');" >
< div class = "cd_cover_title" > < a href = "https://classifier.mcotton.space" > Classifier< / a > < / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
< p class = "card-text" > Create camera specific AI models.< / p >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< a href = "https://classifier.mcotton.space" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_5.png');" >
< div class = "cd_cover_title" > < a href = "https://receipt.mcotton.space" > Receipts< / a > < / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
< p class = "card-text" > Point-of-Sale integration< / p >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< a href = "https://receipt.mcotton.space" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
2023-08-31 14:18:36 +00:00
< div class = "cd_cover" style = "background-image: url('cover_6.png');" >
< div class = "cd_cover_title" > Blog< / div >
< / div >
2023-08-30 20:07:18 +00:00
< div class = "card-body" >
2023-08-30 20:15:54 +00:00
< p class = "card-text" > Coming Soon?< / p >
2023-08-30 20:07:18 +00:00
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" disabled > View< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / main >
< footer class = "text-muted" >
< div class = "container" >
< p class = "float-right" >
<!-- <a href="#">Back to top</a> -->
< / p >
<!-- <p>Album example is © Bootstrap, but please download and customize it for yourself!</p> -->
<!-- <p>New to Bootstrap? <a href="/">Visit the homepage</a> or read our <a href="/docs/4.6/getting - started/introduction/">getting started guide</a>.</p> -->
< / div >
< / footer >
< script src = "https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity = "sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin = "anonymous" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity = "sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin = "anonymous" > < / script >
< / body >
< / html >