DIY Pinecone Boutonnieres Tutorial

Much like the pinecone bouquets, there were beautiful images of them on Pinterest, but zero tutorials on how to make them yourself. After lots of configuration, I'm here to help with that!

Boutonniere_3.jpg

MATERIALS: 

1 small pinecones collected from outside (you can also purchase from craft stores)
A branch of Christmas tree, collected from outside
1 packet of stem/floral wire
1 roll of brown floral tape
1 roll of twine
Hot glue gun/sticks
1 pack of 1.5 inch Bar Back Pins

Photo from my bouquet tutorial, hence the gray ribbon you don't need for this.

Photo from my bouquet tutorial, hence the gray ribbon you don't need for this.

Much like the bouquets, the first step is getting the floral wire into the pinecones. This was an interesting series of trial and error before it clicked and the answer was obvious. 

Take the middle of the wire and push it through one of the lower rows of scales - the lowest row you can fit it through (the super low ones are too closed off). I pulled one end of the wire towards the opposite end and then did the same to the other side until the wire was even on both ends and wrapped around the pine cone, as seen below. 

Now cross the wires in the center and start twisting all the way down the wire.

DSC_2222.JPG
DSC_2223.JPG

Once your wire is twisted, it's time to add the spruce trimming with some floral tape. This tape becomes sticky as your stretch it, but stretch it too much and it will rip, so be careful. I placed the pinecone wire on top of the branch of the spruce and just started wrapping the tape all the way down.

DSC_2224.JPG
DSC_2225.JPG
DSC_2226.JPG

After the wire is wrapped in tape, it's time to add the bar back pin. Flip the pinecone over so the spruce side is facing you, open the pin and hold it in place. Start wrapping floral tape around the pin, tightly enough that it won't slide. 

DSC_2227.JPG
DSC_2228.JPG

After that, I just added the twine not only for more reinforcement, but for looks as well. I put few dabs of hot glue at the top before wrapping the twine the same way I did the tape, while the pine is still open, and added some hot glue at the end as well.

DSC_2229.JPG
DSC_2232.JPG

Once the twine is set and cut, you can clip the remaining wire to the desired length and close the pin back up. That's about all it takes! Each one took about 10 minutes to make and they're simply adorable. 

DSC_2249.JPG
Boutonniere_2.jpg
Boutonniere_4.jpg

My pride and joy, our mountain and forest wedding invitations

My pride and joy, our mountain and forest wedding invitations

Back at the beginning of July, I finally sent out our invitations after 1.5 years of planning, designing, and executing them. For 1.5 years I poured my heart and soul into what would be the first impression guests would receive of our wedding, and I wanted them nothing less than perfect. This is my profession, after all, and what kind of designer doesn't put a lot of thought and effort into their own wedding invitations?

DIY Pine Cone Bridesmaids Bouquet - Tutorial

As some know, my wedding is coming up this September. It's located in the White Mountains and forest of New Hampshire and Maine, so the "theme" is exactly that - woodsy. 

I came across a few pine cone bouquets on Pinterest while looking for some inspiration and new immediately I wanted them in our wedding. I originally was going to have it for myself and for the girls to have sunflowers, but decided on the reverse of that, since sunflowers stand out a lot more and the bride/groom are supposed to be the focus.

I attempted to find tutorials on how to make this, but all I could find was one with tiny images that weren't at all helpful. Based on the info from that and some trial and error, I came out successful on the other side and want to share how I did it for future brides!  

This tutorial's current state is still unfinished, as I got too carried away with the end goal that I forgot to take pictures past the pine cone part. I promise I will complete it soon, however, since I still have two more to make!

MATERIALS: 

15 or so pine cones, collected from outside (you can also purchase from craft stores)
Few branches of Christmas tree, collected from outside
1 stem of fake or real baby's breath (mine was fake, purchased at Micheal's)
1 packet of stem/floral wire
1 roll of brown floral tape
1 roll of twine (mine was purchased tan and I painted it gray)
Roll of ribbon to use for wrapping or to make a bow
Hot glue gun/sticks
Paint (if you want to paint the twine)

First step is getting the floral wire into the pinecones. This was an interesting series of trial and error before it clicked and the answer was obvious. 

Take the middle of the wire and push it through one of the lower rows of scales - the lowest row you can fit it through (the super low ones are too closed off). I pulled one end of the wire towards the middle and then did the same to the other side until the wire was even on both ends and half-wrapped around the pine cone, as seen below. 

Now cross the wires in the center and start twisting all the way down the wire.

Avoid wires getting attacked by your cat.

Once your wire is twisted, it's time to add the floral tape. This tape becomes sticky as your stretch it, but stretch it too much and it will rip, so be careful. I just wrapped it all the way down the wire.

Repeat this process (hopefully minus the cat) for all your pine cones until they're all wired and covered in the floral tape. 

TO BE CONTINUED! 
This is where I stopped taking pictures, unfortunately, but I at least got you past the hard part. A nutshell version of the steps to follow are: combine pinecones together like a bouquet, twist wires together, wrap more floral tape, add branches, wrap more floral tape, add twine (and paint if necessary), make and glue bow, and add baby's breath as needed. 

Be back soon with more pictures! 

Countdown Timer - Squarespace Wedding Website

After getting engaged last year, I immediately started working on our wedding website using Squarespace - their templates are beautiful and I wanted to save some time by not having to build anything from scratch. 

Despite many tools being available to users on Squarespace, one pivotal thing they were missing was the ability to have a countdown timer on your wedding website; a somewhat common asset. I Googled searched and asked the forum for resources to no avail - I found bits and pieces of code I scrapped together, but couldn't for the life of me get it to appear on the page. If there is one thing about Squarespace that ISN'T easy, it's editing HTML.

Eventually, I enlisted the help of my developer friend Greg, who got it showing up and functioning perfectly. Since then, I have received numerous emails/Facebook messages about this timer and decided to share the code here for reference.

STEP 1

Paste this code in the header, which can be found via Settings > Advanced > Code Injection - it gets pasted into the first box.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
function makeTimer() {

var endTime = new Date("September 17, 2017 12:00:00 EST");
var endTime = (Date.parse(endTime)) / 1000;

var now = new Date();
var now = (Date.parse(now) / 1000);

var timeLeft = endTime - now;

var days = Math.floor(timeLeft / 86400); 
var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));

if (hours < "10") { hours = "0" + hours; }
if (minutes < "10") { minutes = "0" + minutes; }
if (seconds < "10") { seconds = "0" + seconds; }

$("#days").html(days + "<span>Days</span>");
$("#hours").html(hours + "<span>Hours</span>");
$("#minutes").html(minutes + "<span>Minutes</span>");
$("#seconds").html(seconds + "<span>Seconds</span>");
}

setInterval(function() { makeTimer(); }, 1000);
</script>

STEP 2

Then put this code in the custom CSS area, which can be found via Design > Custom CSS > Paste code into white box.

/* COUNTDOWN TIMER CSS */

#timerbox{
    position:relative;  
    width: 445px;
    margin: 0 auto;
    margin-left:170px;
    margin-top:-63vh;
     z-index:3;
}

#timer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:4;

div {
    z-index:50;
    display: table-cell;

// STYLE NUMBERS
    font-size: 90px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #fff;
    padding: 20px;
    border-radius: 300px;
    text-align: center;
    span {

// STYLES DAYS, HOURS, MINUTES, SECONDS
    letter-spacing: 3px;
    color: #d6d6d7;
    font-size: 16px;
    margin-left: -4px;
    margin-top: 40px;
    display: block;
    text-transform:uppercase;
    }
   }
  }

@media (max-width : 667px) {
    #timer {
    div {
    padding: 16px;
    font-size: 26px !important;
    span {
    margin-top: 2px;
    font-size: 12px !important;
    }
   }
  }
}
/* END OF COUNTDOWN TIMER CSS */

STEP 3

Now to get it to appear, go to the page you want the timer to be and add a “Code Block” via SquareSpace’s content block options (like you would to add text or an image). Looks like this where it says “Code.” 

Click that and then delete the “Hello world” that will come up. Replace with this code:

<div id="timer"> 
    <div id="days"></div>
     <div id="hours"></div>
    <div id="minutes"></div>
    <div id="seconds"></div>
</div>

Refresh and it should appear. It might appear somewhere weird depending on how your site is structured, but some adjusting of the positioning should do it.

Also, you'll need to change the hex values to change colors. The default will be white, so if you don't see it appear and have a white page, try changing the text color first :)  

Hope that helps! If you've used this timer, please check out more of Greg's work by getting in touch with him via email: ggvigeant@gmail.com