You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
4.9 KiB
HTML
120 lines
4.9 KiB
HTML
<style>
|
|
|
|
.oss .quick-install {
|
|
/* display:grid; grid-template-columns: 210px auto 210px;; gap:2px; align-items:center */
|
|
}
|
|
.oss .quick-install .active {display:block}
|
|
.snippet {display:block; height:155px; margin:4px;}
|
|
.snippet-frame {height: 155px; overflow:hidden;}
|
|
</style>
|
|
<script>
|
|
$(document).ready(()=>{
|
|
var _layout = {on:{load:{}}}
|
|
_layout.on.load.copyright = ['about/copyright.html']
|
|
qcms.page.loader(_layout)
|
|
|
|
})
|
|
</script>
|
|
<div class="tabs">
|
|
|
|
<input type="radio" checked name="qstart" id="install"/>
|
|
<label for="install" class="border-round-top-left" onclick="$('.snippet-scroll-frame').animate({'margin-top':0})">Installation</label>
|
|
|
|
<input type="radio" name="qstart" id="project"/>
|
|
<label for="project" onclick="$('.snippet-scroll-frame').animate({'margin-top':-155})">Create Project</label>
|
|
<!-- <input type="radio" name="qstart" disable id="extra" disabled/>
|
|
<label for="extra" class="border-round-top-right" style="grid-column: 3 / span 6;"> </label> -->
|
|
<div align="right" class="border-round-top-right border-bottom" style="grid-column:3 / span 6; background-color: #f3f3f3;">
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="snippet-frame border-right border-left border-bottom" style="margin:4px; margin-top:0px; padding:8px;">
|
|
<div class="snippet-scroll-frame">
|
|
<div class="snippet quick-install" >
|
|
<div>
|
|
<div class="source-code">
|
|
# install using virtualenv <br>
|
|
$ pip install --upgrade git+https://dev.the-phi.com/git/qcms/cms
|
|
</div>
|
|
<div class="source-code" style="margin-top:4px;">
|
|
# explore qcms commands and try them <br>
|
|
$ qcms --help
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="snippet quick-start">
|
|
<div>
|
|
<div class="source-code">#creating a sample project with title and sample title <br>$ qcms create myproject www/html --title mydemo --subtitle "flask cms demo"</div>
|
|
<div class="source-code" style="margin-top:2px;">#bootup the newly created site<br>$ qcms bootup ./myproject/qcms-manifest.json</div>
|
|
<br> <div class="small-text"><i class="fa-solid fa-minus"></i> Open your browser on port http://localhost:8084</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<p>
|
|
<ul>
|
|
<p>
|
|
</p>
|
|
<h3>Source code & License</h3>
|
|
<b>{{layout.header.title}}</b>, is Open-source under MIT License, we welcome you to get a copy of the source code on github
|
|
<p>
|
|
<h3>Copyright</h3>
|
|
<br>
|
|
<div id="copyright"></div>
|
|
|
|
</p>
|
|
</ul>
|
|
</p>
|
|
<!-- <div class="readme">
|
|
<p id="qstart">
|
|
<h3>Quick Start</h3>
|
|
<div class="quick-install" style="">
|
|
<div align="center" class="active" onclick="window.location.href='#project'">
|
|
<img src="www/content/_assets/images/logo-1.png" style="width:125px; display:none">
|
|
<i class="fa-solid fa-down-long fa-bounce" style="font-size:32px;"></i>
|
|
</div>
|
|
<div>
|
|
<div class="source-code">
|
|
# install using virtualenv <br>
|
|
$ pip install --upgrade git+https://dev.the-phi.com/git/qcms/cms
|
|
</div>
|
|
<div class="source-code" style="margin-top:4px;">
|
|
# explore qcms commands and try them <br>
|
|
$ qcms --help
|
|
</div>
|
|
|
|
</div>
|
|
<div class="sticker">
|
|
<img src="www/content/_assets/images/logo.png" style="width:125px">
|
|
</div>
|
|
</div>
|
|
</p>
|
|
|
|
<p id="project">
|
|
|
|
<h3>First Project</h3>
|
|
<div class="quick-install">
|
|
<div class="sticker" align="center">
|
|
<i class="fa-solid fa-cog fa-spin" style="font-size:48px; color:#4682B4;"></i>
|
|
<i class="fa-solid fa-cog fa-spin" style="font-size:32px; color:#F65000; margin-left:-10px"></i>
|
|
|
|
</div>
|
|
<div>
|
|
<div class="source-code">#creating a sample project with title and sample title <br>$ qcms create myproject www/html --title mydemo --subtitle "flask cms demo"</div>
|
|
<div class="source-code" style="margin-top:2px;">#bootup the newly created site<br>$ qcms bootup ./myproject/qcms-manifest.json</div>
|
|
|
|
</div>
|
|
<div align="center" class="active" onclick="window.location.href='#qstart'">
|
|
<i class="fa-solid fa-up-long fa-bounce" style="font-size:32px;"></i>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br><div align="center" class="small-text"><i class="fa-solid fa-minus" style="margin-left:20px"> </i> Open your browser and go to https://localhost:8084/</div>
|
|
</p>
|
|
</div> --> |