Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dev #75

Draft
wants to merge 7 commits into
base: master
Choose a base branch
from
Draft

Dev #75

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
c6c1c28
Delete CNAME
FichNein Aug 3, 2022
61fea83
Changed README
FichNein Aug 3, 2022
83f3273
removed footer from index
FichNein Aug 3, 2022
fba00e0
Removed unused from config
FichNein Aug 3, 2022
a591a00
Removed google analytics and ads.txt
FichNein Aug 3, 2022
0455a7e
Changing package
FichNein Aug 3, 2022
827e38a
removing funding
FichNein Aug 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 0 additions & 12 deletions .github/FUNDING.yml
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion CNAME
View file
Open in desktop

This file was deleted.

74 changes: 8 additions & 66 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,71 +1,13 @@
<img src="https://i.imgur.com/ZG4gSnb.jpeg" alt="demo"/>
Please note, this website is [forked](https://github.com/rampatra/photography)

# Photography ![OpenCollective](https://opencollective.com/photography/tiers/backer/badge.svg?label=backer&color=brightgreen)
A jekyll website for photographers
While I may make changes, please visit the original webpage and consider supporting the creator.

## Highlights
1. Easy setup and you get a site of your own for __free__.
2. To add new pictures, you need to just upload them. __No code__ changes required.
3. This I like the most, you get to see EXIF data like __aperture, shutter speed, iso__ etc when you click on any image automagically.

## Quick Start
If you know a tad about tech and love taking pictures then this open-source project may help you setup a website to showcase
all your creations without effort. And not just that, with this you need not pay a single dime to host your website as
it's hosted by GitHub for __free__.
## Birds

**Just follow the below steps and your website would be live in no time:**
#### Upload Photos

1. Fork this repo by hitting the `Fork` button at the top right corner.
2. Enable github pages from the repo settings.
3. Upload your pictures to `images/fulls` and `images/thumbs` directory. _You can do that on github.com itself or you can clone and push the images to your repo._
4. Add your own custom domain in `CNAME` file or just remove the file if you don't own a domain and use the default domain that github provides ([yourusername].github.io/photography).
5. Update `baseurl` field in `_config.yml` file with whatever domain you used in step 4.
6. And that's it, your website is set. To view, go to [photography.rampatra.com](http://photography.rampatra.com) (or whatever you have in the CNAME file) and if you don't have one, you can go to [[yourusername].github.io/photography](http://yourusername.github.io/photography)

And, of course, you don't want my name at the bottom to show up. You can change it in `_config.yml` file as well as few other settings like your google analytics, etc.

## ProTips
I have made this as an [npm](https://www.npmjs.com) package with [gulp](http://gulpjs.com/) to __automate image resizing
and thumbnail generation__. So if you're lazy like me then you can just do the following before you push your images to github.

1. Fork and then clone the project to your computer
2. Go inside the project `$ cd photography`
3. Install all dependencies by `$ npm install`
4. Copy all your pictures (possibly jpg, the largest size available, straight from your camera) and put it inside `images` directory
5. Run `$ gulp` to resize the images and to generate thumbnails automatically
6. Push your changes to github.com by `$ git add --all` and `$ git commit -m "a nice commit message"` and then finally `$ git push origin master`

### Contact Form
You can make the contact form work without the need of any server-side code. Just follow this [article on github](https://github.com/dwyl/html-form-send-email-via-google-script-without-server) which uses a simple google script to send emails or to upload to a google spreadsheet when someone submits the form.

## Credits
Thanks to [AJ](https://twitter.com/ajlkn) for the website template which I enhanced for [jekyll](http://jekyllrb.com/).

## Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/photography#backers)]

<a href="https://opencollective.com/photography#backers" target="_blank"><img src="https://opencollective.com/photography/backers.svg?width=890"></a>

<!-- <a href="https://www.buymeacoffee.com/rampatra" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a> -->

## Sponsors

Proudly sponsored by [Presentify](http://presentify.compzets.com?ref=GitHub) and [BrowserStack](https://www.browserstack.com?ref=RamPatra). Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/animatescroll#sponsors)]

<table border="0">
<tr>
<td>
<a href="https://presentify.compzets.com/" target="_blank"><img src="https://presentify.compzets.com/assets/img/presentify/app-icon-512.png" width="150" height="150"></a>
</td>
<td>
<a href="https://www.browserstack.com?ref=RamPatra" target="_blank"><img src="https://i.imgur.com/LqI8CO1.png" width="130" height="130"></a>
</td>
</tr>
</table>

<a href="https://opencollective.com/photography#sponsors" target="_blank"><img src="https://opencollective.com/photography/sponsors.svg?width=890"></a>

---

_P.S. For any queries or concerns, you can reach out to me on [Twitter](https://twitter.com/ram__patra). I'll try my best to help 🙏._
1. `npm install`
2. Place images in `images` directory
3. `gulp`
4. Push changes
25 changes: 7 additions & 18 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,14 @@
# Base configs
baseurl: "https://photography.rampatra.com"
baseurl: "https://fichnein.github.io/birds"
image_fulls_loc: "/images/fulls"
image_thumbs_loc: "/images/thumbs"
google_analytics: "UA-46465113-2"

# UI configs
title: "Photography by Ram Patra"
subtitle: "See the world through my eyes!"
author: "Ram Patra"
title: "Birds of Washington"
subtitle: "Look at these birds"
author: "Nich Feingold"
header:
title: "Photography"
subtitle: "by Ram Patra"
footer:
name: "Hey there, my name is Ram"
bio: "I am a developer and a tech aficionado from India. Love making teeny tiny apps solving tiny problems in life and now learning photography."
github: "Want a website like this for yourself for free? Just <a href=\"https://github.com/ramswaroop/photography\">fork me on github</a> ;)"
title: "Birds"
subtitle: "by Nich Feingold"

web_design: "AJ"
social_urls:
facebook: "https://www.facebook.com/ramswaroop"
twitter: "https://www.twitter.com/ram__patra"
instagram: "https://www.instagram.com/ram_patra"
dribbble: "https://dribbble.com/rampatra"
linkedin: "https://in.linkedin.com/in/ram-patra"
github: "https://www.github.com/rampatra"
11 changes: 0 additions & 11 deletions _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,3 @@
<link rel="stylesheet" href="assets/css/ie9.css"/><![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ie8.css"/><![endif]-->
<!-- Google Analytics -->
{% if site.google_analytics %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
1 change: 0 additions & 1 deletion ads.txt
View file
Open in desktop

This file was deleted.

97 changes: 0 additions & 97 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,101 +30,4 @@ <h1><a href="index.html"><strong>{{ site.header.title }}</strong> {{ site.header
{% endfor %}
</div>

<!-- Footer -->
<footer id="footer" class="panel">
<div class="inner split">
<div>
<section>
<h2>{{ site.footer.name }}</h2>
<p>{{ site.footer.bio }}</p>
<p>{{ site.footer.github }}</p>
</section>
<section>
<h2>Sponsor</h2>
<div class="ad">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-1702577941194110"
data-ad-slot="9823584598"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</section>
<section>
<h2>Follow me on ...</h2>
<ul class="icons">
{% if site.social_urls.facebook %}
<li>
<a href="{{ site.social_urls.facebook }}" class="icon fa-facebook">
<span class="label">Facebook</span>
</a>
</li>
{% endif %}
{% if site.social_urls.twitter %}
<li>
<a href="{{ site.social_urls.twitter }}" class="icon fa-twitter">
<span class="label">Twitter</span>
</a>
</li>
{% endif %}
{% if site.social_urls.instagram %}
<li>
<a href="{{ site.social_urls.instagram }}" class="icon fa-instagram">
<span class="label">Instagram</span>
</a>
</li>
{% endif %}
{% if site.social_urls.dribbble %}
<li>
<a href="{{ site.social_urls.dribbble }}" class="icon fa-dribbble">
<span class="label">Dribbble</span>
</a>
</li>
{% endif %}
{% if site.social_urls.github %}
<li>
<a href="{{ site.social_urls.github }}" class="icon fa-github">
<span class="label">GitHub</span>
</a>
</li>
{% endif %}
{% if site.social_urls.linkedin %}
<li>
<a href="{{ site.social_urls.linkedin }}" class="icon fa-linkedin">
<span class="label">LinkedIn</span>
</a>
</li>
{% endif %}
</ul>
</section>
<p class="copyright">
&copy; {{ site.author }}. Design: {{ site.web_design }}
</p>
</div>
<div>
<section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="field half first">
<input type="text" name="name" id="name" placeholder="Name"/>
</div>
<div class="field half">
<input type="text" name="email" id="email" placeholder="Email"/>
</div>
<div class="field">
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="special"/></li>
<li><input type="reset" value="Reset"/></li>
</ul>
</form>
</section>
</div>
</div>
</footer>
</div>
2 changes: 1 addition & 1 deletion npmfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
exports.printMsg = function() {
console.log("Visit http://photography.ramswaroop.me for a treat!");
console.log("Changing this function!");
};
25 changes: 1 addition & 24 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,29 +8,6 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/ramswaroop/photography.git"
},
"keywords": [
"photography",
"jekyll",
"website",
"template",
"website template",
"portfolio",
"portfolio website"
],
"author": "Ram Patra",
"license": "GPL-3.0",
"bugs": {
"url": "https://github.com/ramswaroop/photography/issues"
},
"homepage": "https://github.com/ramswaroop/photography#readme",
"devDependencies": {
"del": "^2.2.2",
"gulp": "^3.9.1",
"gulp-image-resize": "^0.12.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0",
"gulp-uglify": "^3.0.0"
"url": "git+https://github.com/FichNein/birds.git"
}
}