Skip to content

Commit

Permalink
[Jobs] create a "classic" job template using google fonts and bootstrap
Browse files Browse the repository at this point in the history
  • Loading branch information
cbleek committed Mar 12, 2015
1 parent 021d6cf commit e11ce60
Show file tree
Hide file tree
Showing 10 changed files with 128 additions and 130 deletions.
Binary file removed module/Jobs/public/templates/classic/bullet.png
Binary file not shown.
Binary file removed module/Jobs/public/templates/classic/header-bg.png
Binary file not shown.
123 changes: 74 additions & 49 deletions module/Jobs/public/templates/classic/index.phtml
Original file line number Diff line number Diff line change
@@ -1,51 +1,76 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE">
<head>
<title><?php echo $this->titleHead?></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<?php echo $this->basePath("/Jobs/templates/classic/job.css")?>" type="text/css">
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg">
<img src="<?php echo $this->basePath($this->uriLogo)?>" class="logo" border="0">
<div class="description">This is a demo Template of a job opening</div>
</div>
</div>
<div id="content">
<p>
This is a <b>Classic</b> Template of a jobad. Templates are quite easy to create. Take a look at the <a target="_new" href="https://github.com/cross-solution/YAWIK/blob/develop/module/Jobs/public/templates/classic/index.phtml">sources</a>.
</p>
<p>Click below to enter the Jobtitle</p>
<p><?php echo $this->description ?></p>
<h1><?php echo $this->title; ?></h1>
<!DOCTYPE html>
<html>
<head>
<title><?php echo $this->titleHead?></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<?php echo $this->basePath("/Jobs/templates/classic/job.css")?>" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<style>
form > div:hover {background-color: #eee;}
</style>
</head>
<body>
<div class="container">

<h4>Requirements:</h4>
<?php echo $this->requirements;?>
<h4>Qualifications:</h4>
<?php echo $this->qualifications;?>
<h4>Benefits:</h4>
<?php echo $this->benefits;?>

<h2>
<a target="_new" href="<?php echo $this->uriApply ?>">
<strong>Zum Online Bewerbungsformular
</strong>
</a>
</h2>

<address>
<strong><?php echo $this->organizationName?><br></strong>
<?php echo $this->street?><br>
<?php echo $this->zipcode?> <?php echo $this->city?><br><br>
<?php echo $this->phone?>
</address>
</div>
<footer>
powered by YAWIK
</footer>
</div>

</body>
<main>
<!--
This the *classic* Template. Templates are quite easy to create. Take a look at the sources:
https://github.com/cross-solution/YAWIK/blob/develop/module/Jobs/public/templates/default/index.phtml">sources</a>.
-->
<p><?php echo $this->descriptionEditable ?></p>
<div class="row">
<div class="col-md-12">
<h1 class="text-center"><?php echo $this->title; ?></h1>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="panel">
<div class="panel-heading"><h4><?php echo $this->translate("Your tasks")?>:</h4></div>
<div class="panel-body"><?php echo $this->requirements;?></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="panel">
<div class="panel-heading"><h4><?php echo $this->translate("Qualifications")?>:</h4></div>
<div class="panel-body"><?php echo $this->qualifications;?></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-heading"><h4><?php echo $this->translate("Benefis")?>:</h4></div>
<div class="panel-body"><?php echo $this->benefits;?></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="text-center">
<a target="_new" class="btn btn-lg btn-primary" href="<?php echo $this->uriApply ?>">
<strong><?php echo $this->translate("Apply now")?></strong>
</a>
</h2>
</row>
<row>
<div class="col-md-6 col-sm-6 col-xs-6">
<div>
<img src="<?php echo $this->basePath($this->uriLogo)?>">
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 text-right">
<address>
<strong><?php echo $this->organizationName?><br></strong>
<?php echo $this->street?><br>
<?php echo $this->zipcode?> <?php echo $this->city?><br><br>
<?php echo $this->phone?>
</address>
</div>
</div>
</main>
<footer class="text-right"><small>powered by <a href="http://yawik.org">YAWIK</small></footer>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions module/Jobs/public/templates/classic/job.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions module/Jobs/public/templates/classic/less/bootstrap
26 changes: 26 additions & 0 deletions module/Jobs/public/templates/classic/less/bootstrap.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
/**
* this is a copy of bootstrap/bootstrap.less. It imports font-awesome fonts
* instead of glyphicons
*/

// Core variables and mixins
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";

// Reset
@import "bootstrap/normalize.less";
@import "bootstrap/print.less";

// Core CSS
@import "bootstrap/scaffolding.less";
@import "bootstrap/type.less";
@import "bootstrap/code.less";
@import "bootstrap/grid.less";
@import "bootstrap/buttons.less";

// Components
@import "bootstrap/panels.less";

// Utility classes
@import "bootstrap/utilities.less";
@import "bootstrap/responsive-utilities.less";
23 changes: 23 additions & 0 deletions module/Jobs/public/templates/classic/less/job.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
/**
* YAWIK
*
* @filesource
* @copyright (c) 2013 Cross Solution (http://cross-solution.de)
* @license GPLv3
*/

/**
* we've replaced glyphicons with font-awesome. therefore bootstrap/bootstrap.less from
* the bootstrap dist was copied to the local bootstrap.less.
* include "glyphicons.less" was replaces by "font-awesome/font-awesome.less"
**/
@import "bootstrap.less";

@panel-default-border: #2e2e2e;
@font-family-sans-serif: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-base: @font-family-sans-serif;

main {
border: solid 1px @brand-primary;
padding: 10px;
}
3 changes: 3 additions & 0 deletions module/Jobs/public/templates/classic/less/make-css.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#!/bin/sh

lessc --yui-compress job.less ../job.css
Binary file removed module/Jobs/public/templates/classic/logo.gif
Binary file not shown.
81 changes: 0 additions & 81 deletions module/Jobs/public/templates/classic/style.css

This file was deleted.

0 comments on commit e11ce60

Please sign in to comment.