2023-03-04 01:29:24 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< link rel = "stylesheet" href = "../../static/styles.css?h=dff0aaad" >
< link rel = "stylesheet" href = "../../static/pygments.css" >
< link rel = "shortcut icon" href = "../../static/favicon.png?h=fa09bedd" >
< title > Vignette | Lektor Static Content Management System< / title >
< / head >
< body class = "default" >
< nav class = "navbar navbar-inverse navbar-static-top" >
< div class = "container" >
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle collapsed"
data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand" href = "../../" > Lektor< / a >
< / div >
< div id = "navbar" class = "collapse navbar-collapse" >
< ul class = "nav navbar-nav" >
< li > < a href = "../../downloads/" > Download< / a > < / li >
< li > < a href = "../../docs/" > Documentation< / a > < / li >
< li class = "active" > < a href = "../" > Showcase< / a > < / li >
< li > < a href = "../../plugins/" > Plugins< / a > < / li >
< li > < a href = "../../community/" > Community< / a > < / li >
< li > < a href = "../../blog/" > Blog< / a > < / li >
< / ul >
< / div >
< / div >
< / nav >
< div class = "body-wrapper" >
< div class = "container showcase-site" >
< div class = "row" >
< div class = "back-link" >
< a href = "../" > Back to Showcase< / a >
< / div >
< h1 > Vignette< / h1 >
< p class = "site-link" > < a href = "https://vignette.agency/" > vignette.agency< / a >
< / div >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< p > A photographic portfolio site for Vignette, built with < a href = "https://www.getlektor.com/" > Lektor< / a > and the < a href = "https://bulma.io/" > Bulma CSS Framework< / a > . The contact form was implemented with < a href = "https://formspree.io/" > Formspree< / a > . Deployed and hosted on Netlify. The code repository for this project is < a href = "https://github.com/jurgenizer/-vignette-portfolio-" > here< / a > < / p >
< / div >
< / div >
< / div >
< div class = "slideshow-wrapper" >
< div class = "slideshow" >
< div class = "slideshow-inner" >
< div class = "carousel slide" data-ride = "carousel" data-interval = "8500" id = "site-slides" >
< ol class = "carousel-indicators" >
< li data-target = "#site-slides" data-slide-to = "0" class = "active" > < / li >
< li data-target = "#site-slides" data-slide-to = "1" > < / li >
< li data-target = "#site-slides" data-slide-to = "2" > < / li >
< / ol >
< div class = "carousel-inner" role = "listbox" >
< div class = "item slide active" >
< div class = "container" >
2023-11-03 03:31:38 +01:00
< img class = "large" src = "vignette-feature-detail-2.jpg" >
2023-03-04 01:29:24 +01:00
< / div >
< / div >
< div class = "item slide" >
< div class = "container" >
2023-11-03 03:31:38 +01:00
< img class = "large" src = "vignette-features-1.jpg" >
2023-03-04 01:29:24 +01:00
< / div >
< / div >
< div class = "item slide" >
< div class = "container" >
2023-09-29 04:31:53 +02:00
< img class = "large" src = "vignette-contact-3.png" >
2023-03-04 01:29:24 +01:00
< / div >
< / div >
< / div >
< a class = "left carousel-control" href = "#site-slides" role = "button" data-slide = "prev" >
< span class = "glyphicon glyphicon-chevron-left" aria-hidden = "true" > < / span >
< span class = "sr-only" > Previous< / span >
< / a >
< a class = "right carousel-control" href = "#site-slides" role = "button" data-slide = "next" >
< span class = "glyphicon glyphicon-chevron-right" aria-hidden = "true" > < / span >
< span class = "sr-only" > Next< / span >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "bottomsummary" >
< div class = "container" >
< / div >
< / div >
< footer >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-4 icon-bar" >
< a href = "https://github.com/lektor/lektor/" title = "Lektor on GitHub"
>< i class = "fa fa-github" > < / i > < / a >
< a href = "https://github.com/lektor/lektor/issues/" title = "Report Issues for Lektor"
>< i class = "fa fa-bug" > < / i > < / a >
< a href = "https://twitter.com/getlektor" title = "Find Lektor on Twitter"
>< i class = "fa fa-twitter" > < / i > < / a >
< a href = "https://gitter.im/lektor/lektor" title = "Chat on Gitter"
>< i class = "fa fa-comment" > < / i > < / a >
< a href = "https://github.com/lektor/lektor-website/tree/master/content/showcase/vignette/contents.lr" title = "View source for this page" > < i class = "fa fa-code" > < / i > < / a >
< / div >
< div class = "col-sm-8" >
< a href = "../../license/" > License & Copyright< / a > •
< a href = "../../contact/" > Contact< / a > •
Made with < i class = "fa fa-fw fa-heart" title = "Heart" > < span hidden > Heart< / span > < / i > in Carinthia
< / div >
< / div >
< / div >
< / footer >
2023-10-25 22:05:34 +02:00
< script type = text/javascript src = "../../static/app.js?h=dcf26092" charset = "utf-8" > < / script >
2023-03-04 01:29:24 +01:00
< script >
((window.gitter = {}).chat = {}).options = {
room: 'lektor/lektor',
activationElement: null
};
document.write('< button class = "js-gitter-toggle-chat-button" > Toggle Chat< / button > ');
var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
if (dnt != "1" & & dnt != "yes") {
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-70822533-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
} else {
console.debug("Respecting Do-Not-Track, not running analytics.");
}
< / script >
< script async src = 'https://www.google-analytics.com/analytics.js' > < / script >
< script async defer id = "github-bjs" src = "https://buttons.github.io/buttons.js" > < / script >
< script > ! function ( d , s , id ) { var js , fjs = d . getElementsByTagName ( s ) [ 0 ] , p = /^http:/ . test ( d . location ) ? 'http' : 'https' ; if ( ! d . getElementById ( id ) ) { js = d . createElement ( s ) ; js . id = id ; js . src = p + '://platform.twitter.com/widgets.js' ; fjs . parentNode . insertBefore ( js , fjs ) ; } } ( document , 'script' , 'twitter-wjs' ) ; < / script >
< script src = "https://sidecar.gitter.im/dist/sidecar.v1.js" async defer > < / script >
< / body >
< / html >
